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

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

ปรับขนาดรูปภาพต้นฉบับและวาดเวอร์ชันที่ปรับขนาดบนผืนผ้าใบที่ [0,0]

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

ด้านบน เราเห็นสิ่งต่อไปนี้:

ที่นี่

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