微客导航 » 文章资讯 » 在提交表单HTML5之前调整图像大小

在提交表单HTML5之前调整图像大小

2024-05-15 11:25:05 347

要在提交表单之前调整图像的大小，您需要使用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 );