Joint js, wie der Text auf der linken Seite eines rect Objekt auszurichten

Question

im ein Diagramm mit Fugen js zeichnen, also im einige rect Objekte mit einem Text innerhalb Schaffung aber ich brauche diesen Text links auszurichten:

var rectname = new joint.shapes.basic.Rect({ 
      position: { x: 110, y: y_value }, 
      size: { width: 450, height: 45 }, 
      attrs: { 
       rect: { fill: bgcolor2,'stroke-width': 0 }, 
       text: { 
        text: 'Any text here', 
        fill: 'white' 
       } 
      } 
     }); 

ich diese Texteigenschaften wie dies bereits versucht, aber es funktioniert nicht:

var rectname = new joint.shapes.basic.Rect({ 
      position: { x: 110, y: y_value }, 
      size: { width: 450, height: 45 }, 
      attrs: { 
       rect: { fill: bgcolor2,'stroke-width': 0 }, 
       text: { 
        text: 'Any text here', 
        fill: 'white' 
        'ref-x': .5, 
        'ref-y': .5, 
        ref: 'rect', 
        'y-alignment': 'middle', 
        'x-alignment': 'left' 
       } 
      } 
     }); 

und auch versucht, ohne Erfolg beide x und y Ausrichtung in ‚Mitte‘ settting.

Irgendeine Idee bitte ?? Vielen Dank im Voraus

Answer 1

das Etikett Verwenden Sie den Text des Element und Verwendung ‚text-anchor‘ Eigenschaft, um die Textausrichtung wie gesetzt unter

var rectname = new joint.shapes.basic.Rect({ 
     position: { x: 110, y: y_value }, 
     size: { width: 450, height: 45 }, 
     attrs: { 
      '.label': {text: 'Any text here', 'text-anchor': 'end'} 
     } 
    }); 

Mehr Informationen zu Eigenschaft text-Ankers finden Sie hier https://developer.mozilla.org/en/docs/Web/SVG/Attribute/text-anchor