Html5画布随着旋转拖动和移动图像

时间:2014-07-12 17:12:57

标签: javascript html5 canvas

我正试图在画布上拍摄并同时移动,缩放和旋转。除了将旋转+缩放与移动相结合外,其他所有工作都很正常用户可以通过拖动来移动图像,如果图像没有旋转,它可以正常工作。

这是功能:

function draw() {
    t.reset();
    ctx.setTransform(t.m[0], t.m[1], t.m[2], t.m[3], t.m[4], t.m[5]);
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    t.scale(scaleAmt, scaleAmt);
    t.rotate(rotAmt);
    t.translate(movX, movY);
    ctx.setTransform(t.m[0], t.m[1], t.m[2], t.m[3], t.m[4], t.m[5]);
    ctx.drawImage(image, 0, 0);
}

编辑(它完全错误):如果我将图像旋转0°,图像将移动正常。但是,如果图像不是0°角,图像将像0°角一样移动(如果我向上移动光标,图像将从顶部向上移动= 0y)

0 个答案:

没有答案