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