xAlignment: 'left' for multi line text

[YongheeMinnovation]

Hi there,

I have a rectangle element with some text, and the text has three lines.
When I align the text to left, only one line is aligned and two lines are not aligned.
Is there any way I can align all lines together?

var rect = new joint.shapes.standard.Rectangle();
        rect.position(100, 30);
        rect.resize(70, 25);
        rect.attr({
            body: {
                fill: 'none',
                strokeWidth: 0
            },
            label: {
                text: inputText + '\n' + title + '\n' + value,
                xAlignment: 'left',
                fontSize: 18
            }
        });
        rect.addPort(port);
        rect.addTo(graph);

Thank you so much!

[kumilingus]

Use the SVG textAnchor attribute (MDN documentation) to align text horizontally.

rect.attr({
    label: {
        text: inputText + '\n' + title + '\n' + value,
        textAnchor: 'start'
    }
});

And JointJS textVerticalAnchor custom attribute (JointJS documentation) to align text vertically.

rect.attr({
    label: {
        text: inputText + '\n' + title + '\n' + value,
        x: 'calc(0.5 * w)',
        // position the text 10 pixels above the element
        y: -10,
        textVerticalAnchor: 'bottom'
    }
});

[YongheeMinnovation]

Awesome, It works perfectly!
Thank you so much.