Kommentar: Wenn sich der SVG -Code in HTML befindet, ist es für uns einfacher, JavaScript zu schreiben, um die Transformation des Diagramms zu steuern. Hier sind einige vordefinierte Formelemente von SVG. Interessierte Freunde können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.
SVG -Dateien können über die folgenden Tags in HTML -Dokumente eingebettet werden: <Bett>, <Obum> oder <Iframe>.<Einbett src = "rect.svg" height = "100"
Typ = "Bild/SVG+XML"
PluginSpage = "http://www.adobe.com/svg/viewer/install/"/>
Die PluginSpage -Eigenschaft zeigt auf die URL des Download -Plugins.
<Objektdaten = "rect.svg" width = "300"
Typ = "Bild/SVG+XML"
Codebase = "http://www.adobe.com/svg/viewer/install/"/>
<Iframe src = "rect.svg" height = "100">
</iframe>
Unter diesen drei <Iframe> ist ein frühes Tag, und jetzt wird es weniger verwendet. Derjenige, der mehr verwendet, ist das <Bett> -Tag.
Gleichzeitig können wir SVG auch direkt in die HTML -Datei schreiben:
Auf diese Weise müssen Sie zuerst die SVG DTD -Datei vorstellen:
<? 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">
Geben Sie dann den erforderlichen Code im <svg> -Tag ein:
<SVG Version = "1.1"
xmlns = "http://www.w3.org/2000/svg">
<ellipse cx = "240" cy = "100" rx = "220" ry = "30"
style = "fill: gelb"/>
<ellipse cx = "220" cy = "100" rx = "190" ry = "20"
style = "fill: weiß"/>
</svg>
Wenn sich der SVG -Code in HTML befindet, ist es für uns einfacher, JavaScript zu schreiben, um die Transformation des Diagramms zu steuern:
<script type = "text/javaScript">
Funktion ccc () {
var a = document.getElementById ("w1");
A.Style.Fill = "Red";
A.SetatTribute ("CX", "150"); // den Wert festlegen
A.SetatTribute ("ry", "50"); // den Wert festlegen
}
</script>
Hier sind einige vordefinierte Formelemente für SVG:
Rechteck <Rect>
Kreis <kreises>
Ellipse <Ellipse>
Zeile <Line>
Polyline <polyline>
Polygon <Polygon>
Pfad <Path>