javascript - 捕获完整 Canvas 图像

标签 javascript html canvas kineticjs

我正在寻找一种将完整 Canvas (包括移到 Canvas 外的元素)捕获为图像的方法。我正在使用 KineticJS 库,并且我知道 toDataURL 函数。问题在于图像被裁剪到 Canvas 边界。

作为一种解决方法,我想将 Canvas 上的所有元素复制到临时隐藏的 Canvas 中,该 Canvas 足够大以容纳所有元素,然后使用 toDataURL 函数。我想知道是否有更干净的方法?

最佳答案

有趣的问题。我喜欢临时 Canvas 的想法。此外,您可以调整主 Canvas 的大小,对所有子元素应用偏移平移,捕获图像,然后反向平移并调整回大小。这不会比复制到隐藏 Canvas 更复杂。另外,单一 Canvas 方法的内存效率会更高。

只要我的 3 美分。

关于javascript - 捕获完整 Canvas 图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14387292/

相关文章:

javascript - 单击按钮添加/删除类

html - 将一个 div 重叠在另一个之上

javascript - 有没有一种方法可以在不使用 ASP.NET MVC 的情况下呈现 CSS/Javascript 包?

javascript - 为什么我的 HTML5 Canvas 绘图会这样?

javascript - 是否可以使用 CSS HTML 和 JavaScript 在 B 上执行 A,在 C 上执行 B,在 A 上执行 C?

javascript - 是否有一种原生方法可以在js中处理 Canvas 上的非矩形对象?

javascript - Css 类样式不适用于 svg

javascript - 从 AJAX 请求中获取 PHP 中的 JSON 数组

javascript - 为要使用的 jquery 函数添加多个参数的正确方法

javascript - 使用智能手机相机识别字母