摘要：
<svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px" viewBox="0 0 200 200"> <defs> <pattern id="tile" x="0" y="0" width="20" height="2 阅读全文
摘要：
1、使用moveto与lineto <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> width="150px" height="150px" viewBox="0 0 150 15 阅读全文
摘要：
1、translate变换 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> width="200px" height="200px" viewBox="0 0 200 200"> 阅读全文
摘要：
<g>元素 <svg xmlns="http://www.w3.org/2000/svg" width="240px" height="240px" viewBox="0 0 240 240"> <title>Grouped Drawing</title> <desc>Stick-figure dr 阅读全文
摘要：
<!-- 引入外部样式表 --> <?xml-stylesheet type="text/css" href="ext_style.css" ?> <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px" viewBox 阅读全文
摘要：
<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="130px" viewBox="0 0 100 130"> <!-- 未设置fill:none时，折现会被填充 --> <polyline points="5 20,20 20 阅读全文
摘要：
<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px" viewBox="0 0 100 100"> <!-- 平行四边形 --> <polygon points="15,10 55,10 45,20 5,20" st 阅读全文
摘要：
<svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px" viewBox="0 0 200 200"> <!-- 绘制圆 --> <circle cx="30" cy="30" r="20" style="stroke: 阅读全文
摘要：
<svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px" viewBox="0 0 200 200"> <!-- 内部填充为黑色，不绘制边框 --> <rect x="10" y="10" width="30" heig 阅读全文
摘要：
<svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px" viewBox="0 0 200 200"> <!--画笔颜色--> <line x1="10" y1="10" x2="50" y2="10" style="s 阅读全文