我正在寻找一种将完整 Canvas (包括移到 Canvas 外的元素)捕获为图像的方法。我正在使用 KineticJS 库,并且我知道 toDataURL
函数。问题在于图像被裁剪到 Canvas 边界。
作为一种解决方法,我想将 Canvas 上的所有元素复制到临时隐藏的 Canvas 中,该 Canvas 足够大以容纳所有元素,然后使用 toDataURL
函数。我想知道是否有更干净的方法?
最佳答案
有趣的问题。我喜欢临时 Canvas 的想法。此外,您可以调整主 Canvas 的大小,对所有子元素应用偏移平移,捕获图像,然后反向平移并调整回大小。这不会比复制到隐藏 Canvas 更复杂。另外,单一 Canvas 方法的内存效率会更高。
只要我的 3 美分。
关于javascript - 捕获完整 Canvas 图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14387292/