SVG 教程

时间:2022-05-13 03:46:47
SVG 意为可缩放矢量图形(Scalable Vector Graphics)。
SVG 使用 XML 格式定义图像。
现在开始学习 SVG!
<html>
<body> <h1>My first SVG</h1> <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> </body>
</html>

SVG 实例


我们可以在线编辑 SVG 实例,并且在线查看运行结果!


在线实例


SVG 参考手册


在 W3CSchool中, 我们为您提供完整的 SVG 参考手册,其中列出了所有 W3C 推荐标准(SVG Version 1.1)中的 SVG 的元素。


SVG 参考手册

更多SVG教程:http://www.w3cschool.cc/svg/svg-tutorial.html