canvas - 无法剪辑区域

Question

我正在使用以下代码为我的舞台设置剪辑区域：

stage.setClip({
    x: 0,
    y: 0,
    width: 500,
    height: 500
});

但是当我在做的时候：

stage.toDataURL({
    mimeType: 'image/png',
    callback: function(dataURL){
    window.open(dataURL);
    },
    quality: 1
});

我得到的是整个舞台的图片而不是剪辑区域？有什么方法可以只获取剪辑区域的图像吗？

谢谢..

score 0 · Accepted Answer

在不具体了解 kinectjs 的情况下（所以可能有点跛行），它最终将不得不使用系统的toDataURL.

toDataURL将返回编码为 PNG、JPEG 等的完整画布/舞台的总像素缓冲区，没有裁剪功能。

您必须通过创建所需大小的新舞台/画布手动执行裁剪操作，然后将原始画布中的部分复制到这个新画布上（通常这只是drawImage使用裁剪/剪辑区域的源画布到新画布）。

如果 kinectjs 有内置的方法来为你做这一切——我不知道，但是当你想将一部分提取为图像时，这在任何一种情况下都是必需的。

1 回答 1