HTML5画布缩放时移动图像

时间:2013-07-02 15:39:41

标签: image rotation html5-canvas zoom mousemove

// Function to move imagem, when zoom
function moveImage(object, moviment , image){
}

http://jsfiddle.net/braziel/nWyDE/

朋友们,我很难“如何”在缩放时移动图像。

在上面的代码中,应用程序的前3个基本功能正在运行。我带了一张照片,我可以向左或向右旋转它,我也可以进行缩放。

当我放大图像时,我需要移动它,但不要超过图像的限制。

我使用缩放来缩放,但不知道如何移动它。

提前致谢。

抱歉我的英语不好。

2 个答案:

答案 0 :(得分:0)

如果您在缩放时移动的意思是您只设法缩放图像以使其放大左上角,并且您希望能够放大图像内的特定点,那么解决方案通常是将点转换为原点,缩放然后转换回来。

请参阅此问题:Zoom in on a point (using scale and translate)

答案 1 :(得分:0)

朋友,这个问题又解决了另一个帖子。 如何添加图像,图像旋转和移动图像。

Rotate + Zoom Image