Положение изображения меняется при изменении размера изображения после поворота холста

Question

При изменении размера изображения после поворота изображение перемещается или перемещается на холсте.

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

Я хочу изменить размеризображение без смещения или смещения.

Answer 1

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

Используйте это вместо

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