使用SVG画圆弧

本文参考如下资料:
【滚城一团】彻底理解 Canvas/SVG 圆弧算法 - 滚城一团 ECharts 小课堂

SVG的简单介绍

大家都知道SVG是矢量图,PS处理的是标量图(也就是位图)。
SVG图里面其实就是一串串的XML文件代码,支持看SVG图的工具:其实本质就是将这些XML读取出来,然后绘制出图。

简单介绍SVG绘制圆弧的命令

首先:圆形是椭圆的一种,当椭圆的x轴半径与y轴半径相等时候,就是圆形了。
因此这个文章同样适用于绘制正圆形的圆弧,而且正圆形的圆弧要比椭圆形的圆弧简单的多。

SVG绘制圆弧采用的是A命令,指定圆弧的其实位置可以使用SVG通用的M命令。

更多的介绍参见下图,我已经写的很明白了。


svg_A_tab.png

你可能感兴趣的:(使用SVG画圆弧)