Javascript Html5画布通过旋转拖动和移动图像

Javascript Html5画布通过旋转拖动和移动图像,javascript,html,canvas,Javascript,Html,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(s

我试着在画布上移动、缩放和旋转图像。除了将旋转+缩放与移动相结合外,其他一切都可以正常工作。用户可以通过拖动移动图像,如果图像未旋转,则效果良好

下面是函数:

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

请澄清您的代码是如何出现错误的,它是如何出错的?您还可以澄清t对象的确切类型吗?