If the svg code is in html, it is easier to write javascript to control the transformation of the image. The following describes some predefined shape elements of svg, if you are interested, refer to the following: , Or
Among the threeIs a relatively early tag, and now it is used less. More <embed> labels are used. <Br/> at the same time, we can also directly write svg into HTML files: <br/> in this case, we need to first introduce the SVG dtd file: <br/> <br> the code is as follows: </p> <p class = "msgborder" id = "phpcode8"> <br/> <svg width = "100%" height = "100%" version = "1.1" <br /> xmlns =" http://www.w3.org/2000/svg "Onclick =" ccc (); "> <br/> <ellipse cx =" 240 "cy =" 100 "rx =" 220 "ry =" 30 "<br/> style =" fill: yellow "/> <br/> <ellipse cx =" 220 "cy =" 100 "rx =" 190 "ry =" 20 "id =" w1 "<br/> style = "fill: white "/> <br/> </svg> <br/> </p> <br/> If the svg code is in html, we can easily write javascript to control the transformation of images: <br/> <br> <p class = "msgheader"> <p class = "right"> <u> </p> the code is as follows: </p> <p class = "msgborder" id = "phpcode9"> <br/> <script type = "text/javascript"> <br/> function ccc () {<br/> var a = document. getElementById ("w1"); <br/>. style. fill = "red"; <br/>. setAttribute ("cx", "150"); // set the value <br/>. setAttribute ("ry", "50 "); // set the value <br/>}< br/> script <br/> </p> <br/> The following describes some predefined shape elements of svg: <br/> rectangle <rect> <br/> circle <circle> <br/> elliptical <ellipse> <br/> line <line> <br/> line <polyline> <br/> polygon <polygon> <br/> path <path>