Применение атрибута к SVG с использованием JS подсказок «this.textBox.style is undefined». Зачем?

Question

Я использую следующий код, чтобы нарисовать текстовое поле SVG, а затем изменить его атрибут привязки текста на 'left', поскольку по умолчанию он центрирован, и это неприятно.

Текст генерируется правильно, но когдаЯ добавляю вторую строку и получаю сообщение об ошибке «this.textBox.style не определено» в моей консоли ошибок.

Вот мой код:

    RenderTextBox:function()
{
    // Render Text
    this.textBox = paper.text(this.x, this.y, this.htmlText);
    this.textBox.style.textAnchor="left";
}

Есть идеи?

Answer 1

Я думаю, что вы хотите сделать это

this.textBox.setAttribute('text-anchor', 'start');

(или, поскольку, похоже, вы используете Рафаэля)

this.textBox.attr( 'text-anchor', 'start' );

Допустимые значения для text-anchorstart, middle, end и inherit

Answer 2

Вы можете установить его, используя скобочные обозначения:

    this.textBox.style['text-anchor'] = "left";

Таким образом, вам на самом деле не нужно вызывать функцию.