如何从具有所有属性的页面复制canvas元素？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何从具有所有属性的页面复制canvas元素？相关的知识，希望对你有一定的参考价值。
我找到了一个画布生成器网站。我想将画布复制到我的本地环境以进行实验。
有没有办法在chrome中检查它并仅导出其绘制的内容？
答案
画布是javascript代码的结果。这些结果可以导出为gif / jpg / png。
html元素用于通过JavaScript动态绘制图形。
该元素只是图形的容器。您必须使用JavaScript来实际绘制图形。
Canvas有几种绘制路径，方框，圆形，文本和添加图像的方法。 w3schools
因此，要将它作为canvas.getContext（）的返回值的RenderingContext，您必须具有生成它的javascript。
另一种方法是将画布结果导出为gif / jpg / png。
另一答案
有没有办法在chrome中检查它并仅导出其绘制的内容？
我不确定这正是你想要的，但你可以在DevTools中使用screenshots of specific HTML nodes，包括canvas元素。
在我的take a screenshot of a canvas demo尝试一下。
- 按cmd + opt + c或ctrl + shift + c打开元素面板
- select the canvas element
- 按cmd + shift + p或ctrl + shift + p打开命令菜单
- 开始输入
screenshot并选择capture node screenshot
以上是关于如何从具有所有属性的页面复制canvas元素？的主要内容，如果未能解决你的问题，请参考以下文章
如何在 jQuery 中选择具有 name 属性的元素？ [复制]
如何在所有页面（所有组件）ReactJs 中显示类似用户名的属性？ [复制]