用javascript编辑嵌入式SVG文件的内容
【腾讯云】亏本大甩卖,服务器4核16G 1年370元(带宽12M,系统盘120GB SSD盘,月流量2000GB)!!!!!!
云产品 配置 价格
服务器 1核2G,带宽5M,系统盘50GB SSD盘,月流量500GB 38元/年
MySQL 1核1G 19元/年
服务器 16核32G,带宽18M,系统盘250GB SSD盘,月流量5000GB 1197元/年
点我进入腾讯云,查看更多详情

I have an SVG file with some math equations. Lets say I include this file into my html document. Now what I'd like to do is to make some simple modifications to the contents of the svg using javascript in the html document.

A specific example
My svg file contains a nicely formatted version of this equation:

x^2 + 2x + 1 = 0

and I'd like to make the following changes:

  1. Color the x^2 red
  2. Remove 2x from the equation

Thanks.

#0

What you need to do is to attach yourself onto the load event of the SVG image. There is a nice SVG jQuery Plugin to do just that for you (and some more):

You should also check out the good resource on Javascript animating SVGs from David Dailey.

#1

Clippy
It looks like you want to display mathematical equations as SVG.
Take a look at MathJAX

From http://docs.mathjax.org/en/latest/output.html

Currently, MathJax can render math in three ways:

Using HTML-with-CSS to lay out the mathematics,
Using SVG to lay out the mathematics,
or Using a browser’s native MathML support.

#2

If you want interactive mathematical equations, then you might want to have a look at JSXGraph.

推荐文章

Javascript可以同时关闭浏览器窗口和对话框

Javascript可以同时关闭浏览器窗口和对话框

推荐文章

计算字符串中所有单词的数目

计算字符串中所有单词的数目

推荐文章

Arduino代码不工作

Arduino代码不工作

推荐文章

如何在保留脚本标记的同时使用XSLT打印或缩进HTML?

如何在保留脚本标记的同时使用XSLT打印或缩进HTML?

推荐文章

如何区分jQuery滑块句柄的优先级?

如何区分jQuery滑块句柄的优先级?

推荐文章

如何在代码中添加.live?

如何在代码中添加.live?

推荐文章

几秒钟后会话更改:javaservlets

几秒钟后会话更改:javaservlets

推荐文章

GPU上块数优化到最大驻留块数

GPU上块数优化到最大驻留块数

推荐文章

将不同行的布尔结果合并为单行

将不同行的布尔结果合并为单行

推荐文章

Qt-Design提升的Qpushbutton参数化构造函数

Qt-Design提升的Qpushbutton参数化构造函数

推荐文章

有没有人有办法从Facebook Iframe标签页隐藏URL-html页面链接

有没有人有办法从Facebook Iframe标签页隐藏URL-html页面链接

推荐文章

GSP与Grails中的控制器

GSP与Grails中的控制器

推荐文章

在Dart中如何使用返回值true?

在Dart中如何使用返回值true?

推荐文章

把时间记录分散到午夜

把时间记录分散到午夜

推荐文章

是否可以跨两个不同的iOS应用程序访问数据?

是否可以跨两个不同的iOS应用程序访问数据?

推荐文章

设置为“初始视图控制器”时,视图控制器的行为与使用presentModalViewController加载时的行为不同

设置为“初始视图控制器”时,视图控制器的行为与使用presentModalViewController加载时的行为不同