ปรับขนาดรูปภาพก่อนส่งฟอร์มใน HTML5

เพื่อปรับขนาดรูปภาพก่อนส่งฟอร์ม คุณต้องใช้เมธอด drawImage()

ปรับขนาดรูปภาพต้นฉบับและวาดรูปที่ปรับขนาดแล้วบน Canvas ที่พิกัด [0,0]

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

ข้างต้นเราเห็นดังนี้:

ที่นี่

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

และ

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