Редактировать содержимое внедренного файла SVG, используя JavaScript

Question

У меня есть файл SVG с некоторыми математическими уравнениями. Допустим, я включил этот файл в мой HTML-документ. Теперь я хотел бы сделать несколько простых изменений содержимого svg, используя javascript в html-документе.

Конкретный пример
Мой SVG-файл содержит красиво отформатированную версию этого уравнения:

x ^ 2 + 2x + 1 = 0

и я хотел бы внести следующие изменения:

1. Цвет х ^ 2 красный
2. Удалить 2x из уравнения

Спасибо.

Answer 1

Что вам нужно сделать, так это присоединиться к событию загрузки образа SVG. Существует хороший SVG jQuery плагин , который сделает это для вас (и некоторых других):

Вам также следует проверить хороший ресурс по Javascript, анимирующему SVG от David Dailey.

Answer 2

Похоже, вы хотите отобразить математические уравнения как SVG.Взгляните на MathJAX

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

В настоящее время MathJax может отображать математику тремя способами:

Использование HTML-сCSS выложить математику,Используя SVG, чтобы выложить математику,или Использование встроенной поддержки браузера MathML.

Answer 3

Если вы хотите интерактивные математические уравнения, то вы можете взглянуть на JSXGraph .