Skip to content

path属性支持太少 #17

@quqingfei

Description

@quqingfei

SVG中path的d属性有以下几种:



M/m = moveto(M X,Y) :将画笔移动到指定的坐标位置
L/l = lineto(L X,Y) :画直线到指定的坐标位置
H/h = horizontal lineto(H X):画水平线到指定的X坐标位置
V/v = vertical lineto(V Y):画垂直线到指定的Y坐标位置
C/c = curveto(C X1,Y1,X2,Y2,ENDX,ENDY):三次贝赛曲线
S/s = smooth curveto(S X2,Y2,ENDX,ENDY):平滑曲率
Q/q = quadratic Belzier curve(Q X,Y,ENDX,ENDY):二次贝赛曲线
T/t = smooth quadratic Belzier curveto(T ENDX,ENDY):映射
A/a = elliptical Arc(A RX,RY,XROTATION,FLAG1,FLAG2,X,Y):弧线
Z = closepath():关闭路径
// m, l, h, v, c, s, q, t, a小写的话是相对位置
但是在:soya2d.path仅仅支持:
M, L, Q, C, Z
M/m = moveto | | x y | M 50 50 
L/l = lineto | L/l | (x y)+ | L 50 50 100 100 
Q/q = quadraticCurveTo | Q/q | (cpx cpy x y)+ |
C/c = bezierCurveTo | | (cp1x cp1y cp2x cp2y x y)
Z/z = closepath | | 无 | 关闭路径

由于复杂的矢量图形是由图形编辑器生成的,所以会产出很多不支持的属性,导致路径无法使用。希望尽快解决一下

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions