链接：https://pan.baidu.com/s/1g4L7V6UM0pu3MDJQPF1pfQ 

提取码：lx66 

 

1. 文档结构

xml 处理指令

DOCTYPE 声明

SVG 根元素：声明 width, height title desc

2. circle <?xml version="1.0"?> <!DOCTYPE svg PUBLIC ""> <svg width="140" height="170" xmlns="http://www.w3.org/2000/svg"> <title>Cat</title> <desc>Stick Figure of a Cat</desc> <!-- 在这里绘图 --> </svg> 12345678

3. 指定样式 - fill, stroke

4. 线 - line

5. 变换坐标系统 - use, transform, scale use ：复用

transform ：变换

translate ：移动

scale ：大小和方向

<?xml version="1.0"?> <!DOCTYPE svg> <svg width="140" height="170" xmlns="http://www.w3.org/2000/svg"> <title>Cat</title> <desc>Stick Figure of a Cat</desc> <!-- 在这里绘图 --> <circle cx="70" cy="95" r="50" style="stroke: black; fill: none" /> </svg> 123456789 <circle cx="70" cy="95" r="50" style="stroke: black; fill: none" /> 1 <circle cx="70" cy="95" r="50" style="stroke: black; fill: none" /> <circle cx="55" cy="80" r="5" stroke="black" fill="#339933" /> <circle cx="85" cy="80" r="5" stroke="black" fill="#339933" /> <g id="whiskers"> <line x1="75" y1="95" x2="135" y2="85" style="stroke: black;" /> <line x1="75" y1="95" x2="135" y2="105" style="stroke: black;" /> </g