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

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

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

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

Спасибо

2 ответа

Решение
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);

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

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

Другие вопросы по тегам