Commentaire: Si le code SVG est en HTML, il nous sera plus facile d'écrire JavaScript pour contrôler la transformation du graphique. Voici quelques éléments de forme prédéfinis de SVG. Les amis intéressés peuvent y faire référence. J'espère que cela vous sera utile.
Les fichiers SVG peuvent être intégrés dans des documents HTML via les balises suivantes: <embed>, <objet> ou <frame>.<embed src = "rect.svg" height = "100"
type = "image / svg + xml"
pluginspage = "http://www.adobe.com/svg/viewer/install/" />
La propriété PluginsPage pointe vers l'URL du plugin de téléchargement.
<objet data = "rect.svg" width = "300"
type = "image / svg + xml"
codebase = "http://www.adobe.com/svg/viewer/install/" />
<iframe src = "rect.svg" height = "100">
</frame>
Parmi ces trois <frame>, il y a une étiquette précoce, et maintenant il est moins utilisé. Celui qui utilise plus est la balise <embed>.
En même temps, nous pouvons également écrire SVG directement dans le fichier HTML:
De cette façon, vous devez d'abord introduire le fichier DTD SVG:
<? xml version = "1.0" standalone = "no"?>
<! Doctype svg public "- // w3c // dtd svg 1.1 // en"
"http://www.w3.org/graphics/svg/1.1/dtd/svg11.dtd">
Ensuite, remplissez le code requis dans la balise <SVG>:
<svg version = "1.1"
xmlns = "http://www.w3.org/2000/svg">
<ellipse cx = "240" cy = "100" rx = "220" ry = "30"
style = "remplissage: jaune" />
<ellipse cx = "220" cy = "100" rx = "190" ry = "20"
style = "remplissage: blanc" />
</svg>
Si le code SVG est en HTML, il nous est plus facile d'écrire JavaScript pour contrôler la transformation du graphique:
<script type = "text / javascript">
fonction ccc () {
var a = document.getElementById ("W1");
a.style.fill = "red";
A.SetAttribute ("CX", "150"); // définir la valeur
A.SetAttribute ("Ry", "50"); // définir la valeur
}
</cript>
Voici quelques éléments de forme prédéfinis pour SVG:
Rectangle <cct>
Circle <Circle>
Ellipse <Ellipse>
Ligne <line>
Polyligne <polyline>
Polygone <polygone>
PATH <ATHAL>