Добавление элемента 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. Каким образом он не делает то, что вы хотите? Вы можете уточнить свой вопрос.