V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Dive into HTML5
http://diveintohtml5.org/
dong3580
V2EX  ›  HTML

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

  •  
  •   dong3580 · 2014-07-07 13:11:16 +08:00 · 7942 次点击
    这是一个创建于 3825 天前的主题,其中的信息可能已经有所发展或是发生改变。
    命令和参数: 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
    还是没懂这几个参数到底怎么用才能画出一个正常的饼状图中的弧。
    3 条回复    2014-07-10 04:55:16 +08:00
    imn1
        1
    imn1  
       2014-07-07 13:46:22 +08:00
    自己试一下不就清楚了?
    你给的链接后面就有个很清晰的例子了
    dong3580
        2
    dong3580  
    OP
       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颜色,也可以写在前面。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1077 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 19:33 · PVG 03:33 · LAX 11:33 · JFK 14:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.