Добавление элемента SVG в HTML-файл?

Question

Я хотел бы добавить некоторые элементы SVG в HTML-файл. Я нахожу ссылки, которые говорят, что это не поддерживается, тип документа должен быть xhtml.

Но я использую некоторые библиотеки JavaScript с html, которые позволяют мне использовать в них SVG (Raphael, SVG Web и т. Д.).

Так есть ли способ добавить скрипт в HTML-файл, который может динамически добавлять элемент SVG в документ во время выполнения?

Спасибо

Answer 1

var svgnode = document.createElementNS('http://www.w3.org/2000/svg','svg');
var circle = document.createElementNS('http://www.w3.org/2000/svg','circle');
circle.setAttribute("cx", "100");
circle.setAttribute("cy", "100");
circle.setAttribute("r", "40");
circle.setAttribute("fill", "blue");

svgnode.appendChild(circle);
mydiv.appendChild(svgnode);

Answer 2

Возможно, вы захотите взглянуть на svgweb , который позволяет вам поместить SVG непосредственно в тег <script> в HTML. Он также будет эмулировать поддержку SVG с использованием Flash для браузеров, которые не имеют встроенной поддержки SVG.

редактировать : Хм. Я только что заметил, что вы уже упомянули svgweb. Каким образом он не делает то, что вы хотите? Возможно, вы захотите уточнить свой вопрос.