获取图层图像数据

时间:2018-08-23 07:24:13

标签: konvajs

是否有任何方法可以获取图层图像数据,例如自定义滤镜作为参数接收的数据?是的,我知道我可以使用getImageData来获取它,但是我遇到了问题。在可拖动的画布中,它仅捕获图层的可见部分。也许我可以创建新的画布,然后在其中放置一个图层并获取图像数据?但是我想知道konva已经内置了什么方法吗?

1 个答案:

答案 0 :(得分:0)

如果要获取图层画布的图像数据,可以执行以下操作:

const ctx = layer.getContext();
const imageData = ctx.getImageData(0, 0, width, height);

如果舞台太小并且需要更大的图像数据,则必须将图层导出到更大的画布中,然后获取其图像数据:

const canvas = layer.toCanvas({ x: 0, y: 0, width, height});
const imageData = canvas.getContext('2d').getImageData(0, 0, width, height);