來自畫布的「DOM異常18」

Question

我正在將SVG圖像繪製到畫布上，並嘗試通過toDataURL將其導出，但Chrome向我拋出DOM異常18安全錯誤。我知道這個問題是因爲我使用數據URI方案（data：image/svg + xml; base64）將SVG圖像繪製到畫布上，所以我猜瀏覽器將其視爲跨域（即安全問題），但我想不出任何其他方式將我的SVG內容放到畫布上。我無法託管它，因爲在需要通過toDataURL導出之前，SVG內容是動態的並且先被操作。

我讀過一些其他類似的問題，在這裏詢問，但找不到任何解決方案，我的問題。

Answer 1

在Chrome瀏覽器上的canvas玷污它，因爲SVG 威力包含foreignObject，here is the bug繪製任何SVG。 Chrome也有data URI schemes and canvas的問題，所以你會遇到雙重打擊。

Answer 2

我有同樣的問題。作爲解決方法，我使用SVG to HTML5 Canvas Converter將svg轉換爲畫布調用。