• svg 路径path


    <path> 标签用来定义路径。

    下面的命令可用于路径数据:

    M = moveto(M X,Y) :将画笔移动到指定的坐标位置
    L = lineto(L X,Y) :画直线到指定的坐标位置
    H = horizontal lineto(H X):画水平线到指定的X坐标位置
    V = vertical lineto(V Y):画垂直线到指定的Y坐标位置
    C = curveto(C X1,Y1,X2,Y2,ENDX,ENDY):三次贝赛曲线
    S = smooth curveto(S X2,Y2,ENDX,ENDY)
    Q = quadratic Belzier curve(Q X,Y,ENDX,ENDY):二次贝赛曲线
    T = smooth quadratic Belzier curveto(T ENDX,ENDY):映射
    A = elliptical Arc(A RX,RY,XROTATION,FLAG1,FLAG2,X,Y):弧线
    Z = closepath():关闭路径

    注释:

    坐标轴为以(0,0)为中心,X轴水平向右,Y轴水平向下。
    所有指令大小写均可。大写绝对定位,参照全局坐标系;小写相对定位,参照父容器坐标系
    指令和数据间的空格可以省略。

    Example:

    1、LHV指令

    M 起点X,起点Y L(直线)终点X,终点Y H(水平线)终点X V(垂直线)终点Y
    如:M 10,20 L 80,50 M 10,20 V 50 M 10,20 H 90

    2、A指令

    允许不闭合。可以想像成是椭圆的某一段,共七个参数:

    A RX,RY,XROTATION,FLAG1,FLAG2,X,Y

    RX,RY指所在椭圆的半轴大小。
    XROTATION指椭圆的X轴与水平方向顺时针方向夹角,可以想像成一个水平的椭圆绕中心点顺时针旋转XROTATION的角度。
    FLAG1只有两个值,1表示大角度弧线,0为小角度弧线。
    FLAG2只有两个值,确定从起点至终点的方向,1为顺时针,0为逆时针。
    X,Y为终点坐标。

    如:m 200,250 a 150,30 0 1 0 0,70

    参考:

    http://www.w3school.com.cn/svg/svg_path.asp

    http://www.cnblogs.com/netWild/archive/2010/12/07/1898792.html

  • 相关阅读:
    如何进行简单画图
    缓冲技术
    信号量机制
    进程通信
    中断技术
    操作系统原理-图书主题
    供多处理器系统中的高速缓存同步中使用的转发状态
    js几种escape()解码与unescape()编码
    MySQL 元数据
    MySQL 复制表
  • 原文地址:https://www.cnblogs.com/yjstonestar/p/5003590.html
Copyright © 2020-2023  润新知