如何擷取 HTML 畫布並將其儲存為影像（PNG、JPG、GIF）或 PDF？

將HTML Canvas 擷取為影像或PDF

問題：

問題：

您可以捕捉嗎HTML 畫布上顯示的內容並將其匯出為圖像（GIF、JPG、PNG）或PDF？具體來說，如何從畫布圖形生成 PNG 圖像？

答案：

是的，可以捕獲 HTML 畫布的內容並將其匯出作為圖像或 PDF。要從畫布產生 PNG 映像：

這將建立一個包含 PNG 資料的字串。然後，您可以使用此資料建立新的圖像元素或將其寫入檔案。

建立新影像元素

建立新影像元素並顯示PNG 影像，使用以下程式碼：

這將使用ID 設定影像元素的src 屬性'existing-image-id' 到PNG 數據，有效地將畫布內容顯示為圖像。

寫入檔案

將PNG 資料寫入檔案中，使用以下程式碼：這會將影像資料直接寫入入HTML 文件。然後，您可以將文件另存為具有所需副檔名（例如 .png）的文件，以將畫布內容儲存為圖片。

以上是如何擷取 HTML 畫布並將其儲存為影像（PNG、JPG、GIF）或 PDF？的詳細內容。更多資訊請關注PHP中文網其他相關文章！