<path>元素是SVG基本形状中最强大的一个,它不仅能创建其他基本形状,还能创建更多其他形状。
L: Line to L需要两个参数,分别是一个点的x轴和y轴坐标,L命令将会在当前位置和新位置之间画一条线段。
<?xml version="1.0" standalone="no"?>
<svg width="100px" height="100px" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M10 10 H 90 V 90 H 10 L 10 10"/>
</svg>
<path d="M10 10 H 90 V 90 H 10 Z" fill="transparent" stroke="black"/>
https://developer.mozilla.org/zh-CN/docs/Web/SVG/Tutorial/Fills_and_Strokes
https://developer.mozilla.org/zh-CN/docs/Web/SVG/Tutorial/Texts
https://developer.mozilla.org/zh-CN/docs/Web/SVG/Tutorial/Basic_Transformations
利用<g>元素,你可以把属性赋给一整个元素集合。实际上,这是它唯一的目的。一个示例:
<g fill="red">
<rect x="0" y="0" width="10" height="10" />
<rect x="20" y="0" width="10" height="10" />
</g>
https://developer.mozilla.org/zh-CN/docs/Web/SVG/Tutorial/Paths