码迷,mamicode.com
首页 > 其他好文 > 详细

H5-path

时间:2015-11-23 16:38:08      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

例1:<path d="M100,300 T500,400" style="stroke-width:3px;stroke:#000000;fill:rgba(123,123,123,0.0);"/>

命令:

M 建立画线的起始位置

参数:(x, y),表示当前的画线的起始坐标

 

L 从当前点出发到指定点画直线

参数:(x, y),表示这条直线的终点坐标,也是从这点出发画新直线的起点

 

H 从当前点出发向指定坐标画横线

参数x表示这条横线终点的横坐标X值,纵坐标y和前一点的y坐标相同

 

V 从当前点出发向指定坐标画垂直线

参数y表示这条横线终点的纵坐标y值,横坐标x和前一点的x坐标相同

 

Z 直线回到画线的起始位置,整个图形形成一个闭合图形

 

C 画曲线

参数:(c1x c1y, c2x c2y, x y)

 

Q 画二次贝塞曲线

参数:(x,y x1,y1)

 

T 映射

参数:(x,y)

 

参数:(x,y x1,y1)

 

A 画弧线

参数:

rx:弧的半长轴长度;

ry:弧的半短轴长度;

x-axis-rotation:此弧段所在的X轴与水平方向的夹角,即X轴的旋转角度;

large-arc-flag:此参数有两个值,分别为010代表小角度弧线,1代表大角度弧线;

 sweep-flag:此参数也有两个值,分别为011代表从起点到终点弧线绕中心顺时针方向,0代表逆时针方向;

xy:弧线的终端坐标。

 

H5-path

标签:

原文地址:http://www.cnblogs.com/youy/p/4988587.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!