Thay đổi kích thước hình ảnh trước khi gửi biểu mẫu HTML5

Để thay đổi kích thước hình ảnh trước khi gửi biểu mẫu, bạn cần sử dụng phương thức drawImage ().

Chia tỷ lệ hình ảnh gốc và vẽ phiên bản được chia tỷ lệ trên canvas ở [0,0]

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

Ở trên, chúng tôi thấy những điều sau:

Đâ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 );