fabricjs objet cloné affectent l'ancien objet (par défaut)

Question

J'essaie d'obtenir l'ombre Image de l'objet Texte sans affecter la sortie de tissu.

code

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

Résultat

Par défaut: marche par inertie:

Comment peut-il être résolu? Je veux dire comment puis-je copier un objet afin de ne pas affecter l'image par défaut?

MISE À JOUR:

J'ai aussi essayé ceci et cela.

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

Ceci a le même résultat.

Answer 1

Donc vous ne devriez pas vraiment cloner des instances comme vous cloneriez des objets javascript. Les objets de structure peuvent avoir des références à des éléments de canevas, à des éléments d'image, à des structures profondes, et chaque logique de clone fonctionne seule.

sur fabricjs docs est spécifié que fabric.util.object.extende/clone ne les objets de non clones:

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

également dans la documentation est spécifié la méthode clone: ​​

donc, vous devez exécuter

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

Si vous avez besoin d'un processus complet syncronous, et vous n'utilisez pas des modèles ou des sources d'images pour le texte, vous pouvez également faire:

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