Комментарий: если код SVG находится в HTML, нам будет легче написать JavaScript, чтобы управлять преобразованием графика. Вот некоторые предопределенные элементы формы SVG. Заинтересованные друзья могут ссылаться на это. Я надеюсь, что это будет полезно для вас.
Файлы SVG могут быть встроены в HTML -документы с помощью следующих тегов: <embed>, <object> или <iframe>.<embed src = "rect.svg" height = "100"
type = "image/svg+xml"
pluginspage = "http://www.adobe.com/svg/viewer/install/"/>
Свойство Pluginspage указывает на URL -адрес плагина загрузки.
<объект data = "rect.svg" width = "300"
type = "image/svg+xml"
CodeBase = "http://www.adobe.com/svg/viewer/install/"/>
<iframe src = "rect.svg" height = "100">
</iframe>
Среди этих трех <iframe> ранняя тега, и теперь он используется меньше. Тот, который использует больше, - это тег <Embed>.
В то же время мы также можем записать SVG непосредственно в файл HTML:
Таким образом, вам нужно сначала представить файл SVG DTD:
<? XML версия = "1.0" STANDALONE = "Нет"?>
<! Doctype svg public "-// w3c // dtd svg 1.1 // en"
"http://www.w3.org/graphics/svg/1.1/dtd/svg11.dtd">
Затем заполните требуемый код в теге <Svg>:
<svg version = "1.1"
xmlns = "http://www.w3.org/2000/svg">
<ellipse cx = "240" cy = "100" rx = "220" ry = "30"
style = "Fill: желтый"/>
<ellipse cx = "220" cy = "100" rx = "190" ry = "20"
Style = "Fill: White"/>
</svg>
Если код SVG находится в HTML, нам легче написать JavaScript, чтобы управлять преобразованием графика:
<script type = "text/javascript">
функция ccc () {
var a = document.getElementbyId ("w1");
a.style.fill = "red";
a.setattribute ("cx", "150"); // Установить значение
a.setattribute ("ry", "50"); // Установить значение
}
</script>
Вот некоторые предопределенные элементы формы для SVG:
Прямоугольник <rect>
Круг <круг>
Эллипс <Ellipse>
Линия <строка>
Polyline <Polyline>
Полигон <Полигон>
Путь <Путь>