将画布分割成片段

Question

我使用html2canvas生成url的屏幕截图。此屏幕截图显示在页面上，我希望能够在单击它时将其分解成多个部分。

我从html2canvas得到的输出文件是一个画布元素。 我怎样才能将它“打破”为随机碎片？我应该为我想要的每件作品创建新的画布元素吗？

Answer 1

Html2Canvas不点击。它只是呈现提供给它的DOM元素。所以我不认为你可以将渲染的画布分解成几块。

它是如何工作

脚本横穿它加载页面的DOM。它收集关于那里的所有元素的信息，然后它使用 构建页面的表示。换句话说， 实际上并不是页面的截图，而是基于它从DOM中读取的属性来构建 的表示。

但有一件事你能做的就是将你的DOM内容分成部分和可以使用Html2Canvas每一个DOM片，你会得到所需的结果。