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

Question

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

具体示例
我的svg文件包含这个等式的格式很好的版本：

  

x ^ 2 + 2x + 1 = 0

我想做出以下更改：

1. 为x ^ 2红色着色
2. 从等式中删除2x

感谢。

Answer 1

您需要做的是将自己附加到SVG图像的加载事件上。有一个很好的SVG jQuery Plugin为你做（以及更多）：

您还应该查看David Dailey的Javascript animating SVGs上的优质资源。

Answer 2

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

Answer 3

看起来您想要将数学方程显示为SVG 看看MathJAX

来自http://docs.mathjax.org/en/latest/output.html

  

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

     

使用HTML-with-CSS来布置数学，
  用SVG来布置数学，
  或使用浏览器的原生MathML支持。