Canvas toDataURL在IE11安全错误

Canvas toDataURL in IE11 security error

本文关键字：安全 错误 IE11 toDataURL Canvas      更新时间：2023-09-26

我正在尝试将svg转换为图像数据url首先，我将svg转换为画布，现在画布转换为dataurl，从而在IE11中出现安全错误并试图将画布转换为msToBlob，在IE11中也有同样的错误IE11有什么解决办法吗

尽管这个问题看起来很老，我还是想给出一个答案，这样它可能会帮助到一些人。

首先使用Fabric.js将svg元素转换为画布。然后使用html2canvas将画布转换为图像。[织物是相当不错的一个，转换任何类型的svg到画布没有任何问题。在帆布没有帮助的地方，织物有帮助。

是的，我在IE11中也面临同样的问题。

在搜索了这么多之后，我开始了解帆布，这是一个非常好的和简单的解决方案。

并且canvas在他们的用法列表中也特别提到了这个场景。

允许SVG -> Canvas -> png转换全部在客户端(通过toDataUrl) 

var imageURL = '<svg xmlns.....></svg>';
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");

    canvg(c, imageURL,{
     renderCallback:
        function()
        {
            console.log(c.toDataURL('image/png'));
        }
    });
相关文章：