使用JS提示将属性应用于SVG'this.textBox.style is undefined'。为什么？

Question

我正在使用以下代码绘制一个SVG文本框，然后将其文本锚属性更改为“左”，因为它默认为居中并且这很讨厌。

文本生成正确，但是当我添加第二行时，我在错误控制台中收到错误'this.textBox.style is undefined'。

这是我的代码：

    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-anchor的有效值为start，middle，end和inherit

Answer 2

您可以使用括号表示法设置它：

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

这样你实际上不必进行函数调用。