javascript - 如何使用 javascript insideHTML 更改 svg 文本标签

标签 javascript svg raphael

我正在使用 raphaeljs ,我想在 svg 中显示 html(不仅仅是文本),

所以我使用这个代码:

var r = Raphael("holder", 200, 300);
var t = r.text(10, 10, "ssdwqdwq");
t.node.innerHTML='dddd'

但我无法更改 svg 的内容,因此我在 firebug 中对其进行控制台,

console.log(t.node)

它显示了这个:

<text x="10" y="13.5" text-anchor="middle" style="font: 10px "Arial";" font="10px "Arial"" stroke="none" fill="#000000">

如何在 svg 上使用 javscript 更改文本

谢谢

最佳答案

SVG 节点没有innerHTML 属性(它们不是HTML)。

改用textContent:t.node.textContent='dddd'

关于javascript - 如何使用 javascript insideHTML 更改 svg 文本标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4282108/

相关文章:

javascript - 使用 Bootstrap Wizard 将数据发布到给定 URL

javascript - 创建新的 SVGNumber 或其他 SVG 元素

image - 将整个 SVG 图像缩放到新尺寸,而无需更新其中所有对象的尺寸

javascript - raphael.js 笔划/路径宽度似乎不起作用

javascript - Snap.svg 确定沿路径的拖动距离

javascript - Raphael js,如何获取圆心的x、y位置?

javascript - 如何在 Controller 文件中使用 socket.io

javascript - 是否可以在 Macgap 中调试 UIWebView?

如果放在文件顶部,javascript 代码不起作用

javascript - SVG 动画 : Animate an arc as it is drawn