来自画布的"DOM Exception 18"

Question

我正在拍摄SVG图像,将其绘制到画布上,然后尝试通过toDataURL将其导出,但Chrome正在向我抛出DOM Exception 18安全错误.我知道问题是因为我用数据URI方案(数据:image/svg + xml; base64)将SVG图像绘制到画布上,所以我猜浏览器将其视为跨域(即安全问题),但我想不出有任何其他方法可以将我的SVG内容放到画布上.我无法托管它,因为在需要通过toDataURL导出之前,SVG内容是动态的并且首先被操纵.

我通读了一些其他类似的问题,但没有找到解决我问题的方法.

Answer 1

在 Chrome 中，将任何SVG 绘制到canvastaint 上都会受到影响，因为 SVG可能包含 a foreignObject，这是错误。Chrome 还存在数据 URI 方案和 的canvas问题，因此您会遇到双重打击。