fabricjs désactive le déplacement automatique de l'objet d'exploitation vers le haut

Question

• Dans la nouvelle version (> 1.7) fabricjs, quand j'utilise l'objet actif, il déplace automatiquement son propre index z vers le haut, mais je ne le veux pas.
• Donc, je peux juste utiliser l'ancienne version (1.5) et utiliser moveTo pour terminer mes besoins, mais je veux utiliser une nouvelle fonctionnalité dans la nouvelle version.
• Je ne trouve pas de message à propos de z-index dans la nouvelle version, que puis-je faire pour garder vieux fonctionner de manière active.
  1. dans fabricjs 1,5 code
  2. dans fabricjs 1.7 code

Answer 1

il y a une propriété preserveObjectStacking, qui devrait être par défaut à false, qui devrait faire exactement ce dont vous avez besoin. Je suppose que peut-être 1.5 avait un bug et ne fonctionnait pas correctement?

http://fabricjs.com/docs/fabric.Canvas.html

Rechercher preserveObjectStacking dans cette page.

var _canvas = new fabric.Canvas('canvas', { preserveObjectStacking: true }); 
 

 
var text1 = new fabric.Text('word one...') 
 

 
var text2 = new fabric.Text('word two...', { 
 
    top: 30, 
 
    left: 40, 
 
    backgroundColor: '#f00' 
 
}) 
 

 

 
_canvas.add(text1) 
 

 
_canvas.add(text2)

#canvas { 
 
    width: 400px; 
 
    height: 400px; 
 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.17/fabric.min.js"></script> 
 
<canvas id="canvas"></canvas>