2017-03-09 5 views
1

私はfabric.jsを使ってキャンバスに変換していますが、私の使っているコードはChromeでうまく動作しますが、IE 11では作成されたキャンバスが汚染されていますキャンバスからデータを読み込み、以下のコードは、私が使用していることであるFabric Jsを使ったキャンバス変換キャンバスの塗りつぶし

var d3canvas = document.createElement('canvas'); 
    d3canvas.id = canvasId; 

    fabric.loadSVGFromString(svg.node().parentNode.innerHTML, function (objects, options) { 
     var canvasObj = new fabric.Canvas(canvasId); 
     var obj = fabric.util.groupSVGElements(objects, options); 
     canvasObj.add(obj).renderAll(); 

     var canvasdata = d3canvas.toDataURL("image/bmp");//this line causes error as canvas is tainted 
} 

私の質問Fabric.jsでキャンバスを汚すことなく、SVGからキャンバスを作成する方法があるかどうかでしょうか?

注:私はすでにキャンバスにSVGを変換するcanvgを使用していたが、SVGは複雑であるように、そのが正しくキャンバスのすべてのオブジェクトの選択を解除し、SVGにキャンバスを変換するために、コードの下に使用

答えて

0

ファーストをキャンバスに変換され得ていません。

canvas.deactivateAllWithDispatch(); 
canvas.renderAll(); 
var image = canvas.toSVG(); 
var svg_image = "data:image/svg+xml,"+encodeURIComponent(image); 

svg_image変数にSVGイメージ値が表示されます。

関連する問題