Comentario: Si el código SVG está en HTML, será más fácil para nosotros escribir JavaScript para controlar la transformación del gráfico. Aquí hay algunos elementos de forma predefinidos de SVG. Los amigos interesados pueden referirse a él. Espero que te sea útil.
Los archivos SVG se pueden incrustar en documentos HTML a través de las siguientes etiquetas: <RABRECT>, <SPET> o <IFRAME>.<incrustar src = "rect.svg" altura = "100"
type = "Image/SVG+XML"
pluginspage = "http://www.adobe.com/svg/viewer/install/"/>
La propiedad PluginSpage apunta a la URL del complemento de descarga.
<Object data = "rect.svg" width = "300"
type = "Image/SVG+XML"
codebase = "http://www.adobe.com/svg/viewer/install/"/>
<iframe src = "rect.svg" height = "100">
</iframe>
Entre estos tres <iframe> se encuentra una etiqueta temprana, y ahora se usa menos. El que usa más es la etiqueta <groc>.
Al mismo tiempo, también podemos escribir SVG directamente en el archivo HTML:
De esta manera, primero debe presentar el archivo SVG DTD:
<? xml versión = "1.0" standalone = "no"?>
<! DOCTYPE SVG Public "-// w3c // dtd svg 1.1 // en"
"http://www.w3.org/graphics/svg/1.1/dtd/svg11.dtd">
Luego complete el código requerido en la etiqueta <Svg>:
<svg versión = "1.1"
xmlns = "http://www.w3.org/2000/svg">
<ellipse cx = "240" cy = "100" rx = "220" ry = "30"
estilo = "relleno: amarillo"/>
<ellipse cx = "220" cy = "100" rx = "190" ry = "20"
Style = "Fill: White"/>
</svg>
Si el código SVG está en HTML, es más fácil para nosotros escribir JavaScript para controlar la transformación del gráfico:
<script type = "text/javaScript">
función ccc () {
var a = document.getElementById ("w1");
a.style.fill = "rojo";
A.SetAttribute ("CX", "150"); // Establecer el valor
a.setAttribute ("ry", "50"); // Establecer el valor
}
</script>
Aquí hay algunos elementos de forma predefinidos para SVG:
Rectángulo <RECT>
Círculo <círculo>
Ellipse <Ellipse>
Línea <line>
Poliline <Polyline>
Polígono <Polygon>
Path <Scho>