Thay đổi kích thước ảnh trước khi submit form HTML5

Để thay đổi kích thước ảnh trước khi submit form, bạn cần dùng phương thức drawImage().

Scale ảnh gốc và vẽ phiên bản đã scale lên canvas tại [0,0]:

context.drawImage(img, 0,0,img.width,img.height, 0,0,myWidth,myHeight);

Ở trên chúng ta thấy:

var myWidth = Math.floor(img.width * Scale);
var myHeight = Math.floor(img.height * Scale);

Và:

var x = Math.floor((world.width - myWidth) / 2);
var y = Math.floor((world.height - myHeight) / 2);