Canvas上下文setTransform

时间:2012-10-11 14:46:48

标签: javascript html5 canvas

将转换后的图像渲染到画布时出现问题:

base_image.src = temp.src;

var matrix = temp.style.msTransform;
matrix = matrix.replace("matrix(", "");
matrix = matrix.replace(")", "");
var array = matrix.split(",");
base_image.onload = function () {
   canvasCtx.save();
   canvasCtx.setTransform(array[0], array[1], array[2], array[3], array[4], array[5]);
   canvasCtx.drawImage(base_image, 0, 0);
   canvasCtx.restore();
} 

问题只发生在我旋转或缩放图像时..当它没有旋转或缩放时,它被转移到与画布上方的图像一样的确切位置..但是当我旋转或缩放时它不在正确的位置。总是右/左边的一些像素和顶部/底部的sime像素。总是移动,这取决于我缩放或旋转多少。 怎么解决? 谢谢, 艾伦。

0 个答案:

没有答案