fabricjsクローンオブジェクトは古い（デフォルト）オブジェクトに影響を与えます

Question

ファブリックの出力に影響を与えずにテキストオブジェクトの影画像を取得しようとしています。

コード

var clonedText = jQuery.extend({}, obj); 
clonedText.fill = "rgba(50,50,50,0.5)"; 
imageURL = clonedText.toDataURL({format:'png'}); 

結果

デフォルト： AfterRun：それは固定することができますどのように

？ カントがデフォルトイメージに影響を与えるようにオブジェクトをコピーするにはどうすればいいですか？

更新日：

これもこれを試しました。

canvas._objects.forEach(function(obj, index){ 
var clonedText = fabric.util.object.clone(obj); 
    clonedText.fill = "rgba(50,50,50,0.5)"; 
    imageURL = clonedText.toDataURL({format:'png'}); 
}); 

これは同じ結果です。

Answer 1

JavaScriptオブジェクトを複製するようなインスタンスを実際に複製するべきではありません。 ファブリックオブジェクトは、キャンバス要素、イメージ要素、ディープ構造、およびすべてのクローンロジックへの参照を独自に処理できます。

：ドキュメント内

またhttp://fabricjs.com/docs/fabric.util.object.html

は、cloneメソッドを指定しますfabricjsのドキュメント上

はfabric.util.object.extende /クローンがないクローンfabricJSオブジェクトを行うことが規定されて

実行する必要があります

myText.clone(function(cloned) { 
    // do something with cloned.... 
}); 

フルsyncronousプロセスを必要としている、とあなたはも行うことができますテキストのパターンや画像のソースを使用していない場合：使用しているfabricjsのバージョン

var objectForm = myText.toObject(); 
var clonedText = new fabric.Text(objectForm.text, objectForm);