svg 中 path 画弧的一个纠结的问题

2014-07-07 13:11:16 +08:00
 dong3580
命令和参数: A (r r 0 0|1 0|1 x y)

参数解释:

1) 第1、2参数:圆弧的半径;

2) 第3参数:固定为0;

3) 第4参数:0表示小于180度的弧,1表示大弧;

4) 第5参数:0为表示弧在路径前进方向的右边,1表示在左边;

5) 第6、7参数:弧的终点坐标,此点同时作为下一园弧或命令A、L的当前点
====

问题来了 4)是什么意思?
看了
https://developer.mozilla.org/zh-CN/docs/Web/SVG/Tutorial/Paths
还是没懂这几个参数到底怎么用才能画出一个正常的饼状图中的弧。
7942 次点击
所在节点    HTML
3 条回复
imn1
2014-07-07 13:46:22 +08:00
自己试一下不就清楚了?
你给的链接后面就有个很清晰的例子了
dong3580
2014-07-09 23:23:37 +08:00
@imn1
看了一天半,总算明白了。
3ks
~~~
事实上网上的讲解有点不妥。
应该这样:
M x1 y1 起点坐标;
A (r1 r2 0 0|1 0|1 x2 y2)描述弧;
L x3 y3封口坐标,这样可以fill颜色,也可以写在前面。
imn1
2014-07-10 04:55:16 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/121341

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX