如何从具有所有属性的页面复制canvas元素？

问题描述投票：-1回答：2

我找到了一个画布生成器网站。我想将画布复制到我的本地环境以进行实验。

有没有办法在chrome中检查它并仅导出其绘制的内容？

javascript

canvas

html5-canvas

google-chrome-devtools

2个回答

0
投票

画布是javascript代码的结果。这些结果可以导出为gif / jpg / png。

HTML元素用于通过JavaScript动态绘制图形。

该元素只是图形的容器。您必须使用JavaScript来实际绘制图形。

Canvas有几种绘制路径，方框，圆形，文本和添加图像的方法。 w3schools

因此，要将它作为canvas.getContext（）的返回值的RenderingContext，您必须具有生成它的javascript。

另一种方法是将画布结果导出为gif / jpg / png。

0
投票

有没有办法在chrome中检查它并仅导出其绘制的内容？

我不确定这正是你想要的，但你可以在DevTools中使用screenshots of specific HTML nodes，包括canvas元素。