fabricjsのグループ/レイヤーを画像に変換する

Question

現在、fabric.jsとkonva.jsとfabric.jsを調べているImは、すべての選択ツールを手動で実装する必要がないという利点があるようです。しかし、konva.jsでは、レイヤーの画像「投影」を抽出する方法は明らかです（それぞれのレイヤーには少なくとも1つのキャンバスがあります）、ファブリック内のグループを変換するのが難しいかどうかはわかりません。 jsをイメージに変換します（svgではなく）。基本的には、出力オブジェクトを必要とします。この出力オブジェクトは、さらなる処理ステップのために特定のサイズのビットマップに変換することができます。

ありがとうございました:)

Answer 1

したがって、オブジェクトのグループを含むファブリック内の各オブジェクトには、toDataUrlメソッドが付属しています。

この基本的な基本的な例では、fabricJSサークルを作成します。キャンバスに追加しません。独自のdataURLメソッドを実行します。 私はそれを大きくするためにスケールファクタを追加する前に。

var circle = new fabric.Circle({radius: 50, fill: 'blue', stroke: 'red'}); 
 
circle.scaleX = 20; 
 
circle.scaleY = 20; 
 
document.getElementById('i').src = circle.toDataURL();

<script src="https://rawgithub.com/kangax/fabric.js/master/dist/fabric.js"></script> 
 
<img id="i" />