將畫布分割成片段

Question

我使用html2canvas生成url的屏幕截圖。此屏幕截圖顯示在頁面上，我希望能夠在單擊它時將其分解成多個部分。

我從html2canvas得到的輸出文件是一個畫布元素。 我怎樣才能將它「打破」爲隨機碎片？我應該爲我想要的每件作品創建新的畫布元素嗎？

Answer 1

Html2Canvas不點擊。它只是呈現提供給它的DOM元素。所以我不認爲你可以將渲染的畫布分解成幾塊。

它是如何工作

腳本橫穿它加載頁面的DOM。它收集關於那裏的所有元素的信息，然後它使用 構建頁面的表示。換句話說， 實際上並不是頁面的截圖，而是基於它從DOM中讀取的屬性來構建 的表示。

但有一件事你能做的就是將你的DOM內容分成部分和可以使用Html2Canvas每一個DOM片，你會得到所需的結果。