SVG 学习

SVG 在 HTML 中

使用embed标签

<embed src="circle.svg" type="image/svg+xml" />

使用object标签

<object data="circle.svg" type="image/svg+xml"></object>

使用iframe标签

<iframe src="circle1.svg"></iframe> 

直接在HTML嵌入SVG代码

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>

链接到SVG文件

<a href="circle1.svg">View SVG file</a>

SVG 形状

• 矩形 <rect>

<rect x="" y="" rx="" ry="" width