コメント：SVGコードがHTMLにある場合、グラフの変換を制御するためにJavaScriptを作成する方が簡単になります。 SVGのいくつかの事前定義された形状要素を次に示します。興味のある友達はそれを参照できます。それがあなたに役立つことを願っています。
SVGファイルは、次のタグを介してHTMLドキュメントに埋め込むことができます：<Embed>、<object>、または<iframe>。<埋め込みsrc = "rect.svg" height = "100"
type = "image/svg+xml"
PluginsPage = "http://www.adobe.com/svg/viewer/install/"/>
プラグインページプロパティは、ダウンロードプラグインのURLを指します。
<オブジェクトデータ= "rect.svg" width = "300"
type = "image/svg+xml"
codebase = "http://www.adobe.com/svg/viewer/install/"/>
<iframe src = "rect.svg" height = "100">
</iframe>
これらの3つの<iframe>は初期のタグであり、現在は使用されていません。より多くを使用するのは、<Embed>タグです。
同時に、SVGをHTMLファイルに直接書き込むこともできます。
このようにして、最初にSVG DTDファイルを導入する必要があります。
<？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">
次に、<SVG>タグで必要なコードを入力します。
<svgバージョン= "1.1"
xmlns = "http://www.w3.org/2000/svg">
<Ellipse CX = "240" cy = "100" rx = "220" ry = "30"
style = "fill：yellow"/>
<Ellipse CX = "220" Cy = "100" rx = "190" ry = "20"
style = "fill：white"/>
</svg>
SVGコードがHTMLにある場合、グラフの変換を制御するためにJavaScriptを作成する方が簡単です。
<script type = "text/javascript">
function ccc（）{
var a = document.getElementById（ "w1"）;
a.style.fill = "red";
a.setattribute（ "cx"、 "150"）; //値を設定します
a.setattribute（ "ry"、 "50"）; //値を設定します
}
</script>
SVGのいくつかの事前定義された形状要素は次のとおりです。
長方形<rect>
円<circle>
ellipse <ellipse>
line <line>
polyline <polyline>
ポリゴン<ポリゴン>
パス<パス>