3
我有以下脚本复制图像数据的更快速的方法
// copy image data to secondary canvas
var pixelData = contextSource.getImageData(x - (lineWidth/2), y - (lineWidth/2), lineWidth, lineWidth);
var tmpCanvas = document.createElement('canvas');
tmpCanvas.width = tmpCanvas.height = lineWidth;
var tmpContext = tmpCanvas.getContext('2d');
tmpContext.putImageData(pixelData, 0, 0);
contextDest.save();
contextDest.arc(x, y, (lineWidth/2), 0, 2*Math.PI);
contextDest.clip();
contextDest.drawImage(tmpCanvas, x - (lineWidth/2), y - (lineWidth/2));
contextDest.restore();
脚本从帆布源时鼠标移动在源采样的图像数据,然后将其复制到目的地。该脚本运行良好,但有点慢。这是当我将鼠标指针移动一点时的结果。
有没有比我更快的方法?请帮助
基本上,当你不喜欢的东西上面,你不临摹圆。你复制一行的开始/结束行是那些圈子。 – Banana 2014-09-26 08:37:15
[这里](http://jsfiddle.net/TheBanana/1rrpjvsr/)就是一个例子,我的意思是,我希望它有帮助 – Banana 2014-09-26 09:44:05