Question

如何将getImageData转换为todataUrl

code lines: 
var data = ctx.getImageData(150,200,200,100);
var data = document.getElementById("canvas").toDataURL('image/gif');

第一种情况：1个参数x空间，2 y空间，3和4 x，y示例图像：http://postimg.org/image/lfogtwjn7/所以我得到了图像数据200px x 100px 第二种情况我得到完整的图像toDataUrl：document.getElementById("canvas").toDataURL('image/gif');

我如何获得像getImageData(150,200,200,100)但是toDataUrl格式的裁剪图像 也许有人有其他报价

Answer 1

您可以在其中使用其他画布绘制图像，然后获取toDataURL()

var destCtx = destinationCanvas.getContext('2d');
destCtx.drawImage(sourceCanvas, 150,200,200,100);
var dataUrl =destCtx.toDataURL('image/png');

Answer 2

watcher方法应该与HTML Canvas-element一起使用，而不是与canvas上下文一起使用。所以你必须这样做：

toDataURL()

Canvas如何将getImageData转换为toDataUrl格式

2 个答案: