Android矢量图pathData绘制规则及简单常用的矢量图绘制

Android矢量图pathData绘制规则及简单常用的矢量图绘制_第1张图片 右箭头


        
下箭头


    
    
        
    
Android矢量图pathData绘制规则及简单常用的矢量图绘制_第2张图片 圆点


        

矢量图pathData绘制规则:

  1. Mx,y:移动到点(x,y)
  2. Lx,y:直线连到点x,y,简化命令H(x)水平连接和V(y)垂直连接
  3. Qx1,y1 x2,y2:二阶贝塞尔曲线,控制点(x1,y1),终点x2,y2
  4. Cx1,y1 x2,y2 x3,y3:三阶贝塞尔曲线,控制点(x1,y1)( x2,y2),终点x3,y3
  5. Tx y:平滑的二阶贝塞尔曲线,参数只有一个点(x,y),这个点是结束点,控制点是前一个二阶贝塞尔曲线的控制点相对于前一个贝塞尔曲线的结束点的镜像点
  6. Sx2,y2 x,y:平滑的三阶贝塞尔曲线,参数为(x2,y2 x,y) ,x2,y2 为第二个控制点,x,y为绘制终点,那么第一个控制点则是前一个三阶曲线的第二个控制点相对于前一个三阶曲线终点的镜像点
  7. Arx,ry x-axis-rotation large-arc-flag,sweep-flag x,y:ellipse arc圆弧曲线
  8. z:close闭合

注:每个指令都有大小写形式,大写表示后面的参数是绝对坐标,小写表示相对于上一个点的相对坐标位置,参数可以用逗号或者空格分离

矢量图绘制椭圆详解:

Arx,ry x-axis-rotation large-arc-flag,sweep-flag x,y

  1. rx,ry :分别表示x轴半径和y轴半径
  2. x-axis-rotation:表示x轴的旋转角度
  3. large-arc-flag,sweep-flag:分别表示 绘制大弧还是小弧,1大0小,顺时针弧线还是逆时针弧线,1顺0逆
  4. x,y:表示绘制的终点

示例:

Android矢量图pathData绘制规则及简单常用的矢量图绘制_第3张图片 标题

 

你可能感兴趣的:(android)