使用javascript编辑嵌入式SVG文件的内容

我有一个SVG文件和一些数学公式。假设我将此文件包含到html文档中。现在我想做的是使用html文档中的javascript对svg的内容进行一些简单的修改

一个具体的例子
我的svg文件包含此等式的格式良好的版本：

x^2+2x+1=0

我想做以下修改：

将x^2涂成红色

从方程中去掉2x

---

谢谢。

您需要做的是将自己连接到SVG图像的加载事件上。有一个很好的方法可以为您做到这一点（还有更多）：

---

您还应该查看David Dailey提供的优秀资源。

如果您想要交互式数学方程，那么您可能需要查看。

看起来您希望将数学方程显示为SVG。
看看

从

目前，MathJax可以通过三种方式呈现数学：

使用HTML和CSS来布局数学，
使用SVG规划数学，
或者使用浏览器的原生MathML支持

---

谢谢这正是我想要的。虽然我找到了一个写数学方程式的更简单的方法。我只是把我的乳胶方程转换成png。然后使用Raphaël将它们添加到画布。当我想改变我的方程式时，我只是用一个新的png文件更新图像。这个解决方案需要更少的编码，但代价是加载大量png文件。我总是喜欢需要更少编码的解决方案。如果你的问题真的是关于数学方程式的，你也应该阅读“MathML”。最新的浏览器支持MathML-除了IE。我现在只需要显示方程本身，但无论如何还是要感谢：）啊，我的坏：）误读了你的问题，以为你在显示该函数的绘图。假设您的公式是文本，只需在要设置样式的零件周围环绕一个tspan元素，例如

x^2

。要从等式中“删除”一个部分，假设这意味着你想暂时隐藏它，你可以在2x部分上使用

display=“none”

（同样，如果需要，用tspan包装）。美国数学协会厌倦了网络上对数学标记的不支持，所以他们雇佣了一些程序员。他们的使命是通过任何必要的手段使数学出现。结果是Mathjax。浏览器支持MathML？它使用它。支持SVG？它使用它。支持CSS？它使用它。你所要做的就是直接在HTML中输入LaTeX。请参阅：。