小试SVG之新手小白入门教程(8)


通过学习path,我们来绘制一个简单的饼图

 <svg width="325" height="325" xmlns="http://www.w3.org/2000/svg">
  <path d="M80 80
    A 45 45, 0, 0, 0, 125 125
    L 125 80 Z" fill="green"/>
  <path d="M170 80
    A 45 45, 0, 0, 1, 125 125
    L 125 80 Z" fill="red"/>
  <path d="M170 80
    A 45 45, 0, 0, 0, 125 35 
    L 125 80 Z" fill="blue" />
  <path d="M80 80
    A 45 45, 0, 0, 1, 125 35
    L 125 80 Z" fill="pink"/>
 </svg>

小结

在最近的一些项目中,接触到了部分有关svg的需求,所以这篇文章就是记录下自己在学习svg的一部分总结,比较基础,方便自己今后的复习和查阅。

参考资源

MDN SVG

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对黑区网络的支持。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/370.html