Question

我试图将svg转换为图片数据网址首先我将svg转换为canvas，现在将canvas转换为dataurl，在IE11中给出了安全性错误并试图将画布转换为msToBlob也是IE11中的同样错误 IE11有什么解决方法吗？它在其他浏览器中工作

Answer 1

虽然这个问题看起来很旧，但我想给出一个答案，这样可以帮助别人。

首先使用 Fabric.js将svg元素转换为画布。然后使用html2canvas将画布转换为图像。[Fabric非常好，将任何类型的svg转换为canvas而没有任何问题。面料有助于canvg无法帮助的地方。

Answer 2

是的，我也遇到了IE11的相同问题。

经过如此多的搜索，我才知道canvg，这确实是一种很好的解决方案。

canvg的用法列表中也特别提到了这种情况。

允许在客户端（通过toDataUrl）进行SVG-> Canvas-> png过渡

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'));
        }
    });

IE11中的Canvas toDataURL安全性错误

2 个答案: