Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SVG path 指令列表 #49

Open
chenxiaochun opened this issue Dec 29, 2017 · 0 comments
Open

SVG path 指令列表 #49

chenxiaochun opened this issue Dec 29, 2017 · 0 comments

Comments

@chenxiaochun
Copy link
Owner

chenxiaochun commented Dec 29, 2017

指令大写表示绝对坐标,小写则表示与前一个坐标的相对价格。

指令 参数 指令说明
M x,y 起始点的 (x,y) 坐标
L x,y 从当前点的坐标画直线到指定点的 (x,y) 坐标
H x 从当前点的坐标画水平直线到指定的 x 轴坐标
V y 从当前点的坐标画垂直线到指定的 y 轴坐标
C x1,y1 x2,y2 x,y 从当前点的坐标画一条三次贝塞尔曲线到指定的 (x,y) 坐标,其中 (x1,y1) 及 (x2,y2)为控制点
S x2,y2 x,y 从当前点的坐标画一条光滑的三次贝塞尔曲线到指定的 (x,y) 坐标,其中 (x2,y2) 为控制点
Q x1,y1 x,y 从当前点的坐标画一条二次贝塞尔曲线到指定的 (x,y) 坐标,其中 (x1,y1) 为控制点
T x,y 从当前点的坐标画一条光滑的二次贝塞尔曲线到指定的 (x,y) 坐标,以前一个坐标点为控制点
A rx,ry x-axis-rotation large-arc-flag sweep-flag x,y 从当前点的坐标画一个椭圆形到指定点的 (x,y) 坐标,其中 (rx,ry) 为椭圆形的半径;x-axis-rotation 是弧线与 x 轴的旋转角度;large-arc-flag 为 1 表示最大的弧线,为 0 表示最小角度的弧线;sweep-flag 为 1 表示方向为顺时针方向,为 0 表示逆时针方向
Z 关闭路径,将目前点的坐标与第一个点的坐标连接起来
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant