将画布分割成小块

Divide canvas to pieces

本文关键字：分割布分割更新时间：2023-09-26

我使用html2canvas生成url的屏幕截图。这个屏幕截图显示在页面上，我希望能够打破它成块，当它被点击。

从html2canvas得到的输出文件是一个canvas元素。我怎样才能把它"打碎"成随机的碎片?我应该为我想要的每一块创建新的画布元素吗?

Html2Canvas不点击。它只是呈现提供给它的DOM元素。所以我认为你不可能把渲染的画布拆成碎片。

工作原理

脚本遍历加载它的页面的DOM。它收集所有元素的信息，然后用来构建页面的表示形式。换句话说，事实并非如此实际上取页面的截图，但构建一个表示

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