旋转画布后调整图像大小时,图像位置正在移动

时间:2019-05-29 06:31:39

标签: javascript canvas rotation html5-canvas resize

旋转后调整图像大小时,图像在画布中错位或移动。

contextObj.save();
contextObj.translate(ImageX + ImageW / 2, ImageY + ImageH / 2);
contextObj.rotate(angle*Math.PI/180);
contextObj.translate(-(ImageX + ImageW / 2),-(ImageY + ImageH / 2));
contextObj.drawImage(myImage, ImageX, ImageY, ImageW, ImageH);
contextObj.restore();

在此处查看此问题
Jsfiddle

我希望调整图像大小而不会移动或放错位置。

1 个答案:

答案 0 :(得分:0)

contextObj.rotate(angle*Math.PI/0);

使用它代替

 contextObj.rotate(angle*Math.PI/180);