将画布分成几部分

Question

我正在使用html2canvas生成网址的屏幕截图。此屏幕截图显示在页面上，我希望能够在单击时将其分成几部分。

我从html2canvas获取的输出文件是一个canvas元素。 如何将其“打破”为随机碎片？我应该为每件我想要的东西创建新的画布元素吗？

Answer 1

Html2Canvas 未点击。它只是渲染提供给它的DOM元素。所以我不认为你可以将渲染的画布分成碎片。

  

工作原理

     

脚本遍历加载页面的DOM。它收集有关那里所有元素的信息，然后用它们   构建页面的表示。换句话说，它没有   实际上是截取页面的截图，但构建了一个表示   它基于从DOM读取的属性。

但是你可以做的一件事就是将你的DOM内容分成几部分，你可以为每个DOM部分使用 Html2Canvas ，你就可以获得所需的结果。