為什麼我無法將畫布匯出為圖像？ （'被污染的畫布”錯誤解釋）

畫布匯出錯誤：解決「受污染的畫布」

在嘗試將畫布匯出到影像時，開發人員經常遇到錯誤「未捕獲的安全錯誤：無法執行「HTMLCanvasElement」上的「toDataURL」：受污染的畫布可能無法匯出。

受污染畫布的原因

當畫布的內容源自網站本身以外的網域時，安全機制會將畫布標記為「受污染」。這包括從本機電腦載入的映像、外部腳本或跨網域請求。

測試的解決方法

在本地測試時，以下解決方法可以繞過「受污染的畫布」問題：

1。集中檔案：
將所有頁面相關檔案（HTML、映像、JS、CSS）組織到桌面上的單一非巢狀資料夾中。

2.利用跨域共享：
在Dropbox 或GitHub 等支援跨域映像檔案保留和檢索的平台上託管映像（記住在獲取映像時設定跨域標誌）。

3.使用本機 Web 伺服器：
考慮在您的開發電腦上安裝 IIS 或 PHP 等 Web 伺服器。這模擬了生產環境並解決了與域相關的問題。

以上是為什麼我無法將畫布匯出為圖像？ （'被污染的畫布”錯誤解釋）的詳細內容。更多資訊請關注PHP中文網其他相關文章！