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

Question

我使用以下代码绘制一个 SVG 文本框，然后将其文本 anchor 属性更改为“左”，因为它默认居中，这很糟糕。

文本生成正确，但是当我添加第二行时，我在错误控制台中收到错误“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');

(或者，因为看起来您正在使用 Raphael)

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

text-anchor 的有效值为start、middle、end 和inherit