Comentário: Se o código SVG estiver no HTML, será mais fácil escrever o JavaScript para controlar a transformação do gráfico. Aqui estão alguns elementos de forma predefinidos do SVG. Amigos interessados podem se referir a ele. Espero que seja útil para você.
Os arquivos SVG podem ser incorporados em documentos HTML através das seguintes tags: <Beed>, <Becut> ou <frame>.<incorpado src = "rect.svg" height = "100"
type = "imagem/svg+xml"
pluginspage = "http://www.adobe.com/svg/viewer/install/"/>
A propriedade Pluginspage aponta para o URL do plug -in de download.
<objeto data = "rect.svg" width = "300"
type = "imagem/svg+xml"
CodeBase = "http://www.adobe.com/svg/viewer/install/"/>
<iframe src = "rect.svg" height = "100">
</frame>
Entre esses três <frame> é uma etiqueta inicial e agora é usada menos. Aquele que usa mais é a tag <bed>.
Ao mesmo tempo, também podemos escrever SVG diretamente no arquivo html:
Dessa forma, você precisa primeiro apresentar o arquivo SVG DTD:
<? xml versão = "1.0" Standalone = "Não"?>
<! Doctype svg public "-// w3c // dtd svg 1.1 // pt"
"http://www.w3.org/graphics/svg/1.1/dtd/svg11.dtd">
Em seguida, preencha o código necessário na tag <svg>:
<svg versão = "1.1"
xmlns = "http://www.w3.org/2000/svg">
<ellipse cx = "240" cy = "100" rx = "220" ry = "30"
style = "preenchimento: amarelo"/>
<ellipse cx = "220" cy = "100" rx = "190" ry = "20"
style = "preenchimento: branco"/>
</svg>
Se o código SVG estiver no HTML, é mais fácil escrever JavaScript para controlar a transformação do gráfico:
<script type = "text/javascript">
função ccc () {
var a = document.getElementById ("W1");
a.style.fill = "vermelho";
A.SetAttribute ("CX", "150"); // Defina o valor
A.SetAttribute ("ry", "50"); // Defina o valor
}
</script>
Aqui estão alguns elementos de forma predefinidos para SVG:
Retângulo <CRIC>
Círculo <Circing>
Ellipse <Ellipse>
Linha <line>
Polyline <Polyline>
Polígono <Polygon>
Caminho <TACH>