画布toDataURL在IE11安全错误中的应用

Question

我试图将svg转换成图像数据url --首先我把svg转换成了画布，现在把画布转换成了dataurl，给出了IE11中的安全错误，并试图将画布转换成msToBlob --在IE11中也存在同样的错误-- IE11在其他浏览器中有任何解决办法吗？

Answer 1

尽管这个问题似乎很老，但我想给出一个答案，这样它可能会对某人有所帮助。

首先使用Fabric.js将svg元素转换为画布，然后使用html2canvas将画布转换为图像。[Fabric非常好，可以将任何类型的svg转换为画布而不存在任何问题。在画布不起作用的地方，织物是有帮助的。

Answer 2

是的，对于IE11，我也面临着同样的问题。

在搜索了这么多之后，我了解了拉布，这是一个非常好而且简单的解决方案。

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

允许SVG ->画布-> 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'));
        }
    });