SVG图像格式path参数详解

悲催的发现as3版本的两个potracer都有问题,只好重新寻找其他办法来实现位图转矢量。

结果发现原版的poracer只能转eps、svg以及geojson等格式,所以只能再通过解析svg文件来转成as3的graphicsPath所需要的格式(geojson格式其实也可以转,不过他会把一条贝塞尔曲线转成8条直线,数据量肯定会大一些。所以还是从svg想办法。

转好的矢量在svg中都是通过path来存储绘图指令的,所以必须先要搞清楚他的含义。

这篇文章讲的非常详细了:

深度掌握SVG路径path的贝塞尔曲线指令

http://www.zhangxinxu.com/wordpress/2014/06/deep-understand-svg-path-bezier-curves-command/

命令 名称 参数
M moveto  移动到 (x y)+
Z closepath  关闭路径 (none)
L lineto  画线到 (x y)+
H horizontal lineto  水平线到 x+
V vertical lineto  垂直线到 y+
C curveto  三次贝塞尔曲线到 (x1 y1 x2 y2 x y)+
S smooth curveto  光滑三次贝塞尔曲线到 (x2 y2 x y)+
Q quadratic Bézier curveto  二次贝塞尔曲线到 (x1 y1 x y)+
T smooth quadratic Bézier curveto  光滑二次贝塞尔曲线到 (x y)+
A elliptical arc  椭圆弧 (rx ry x-axis-rotation large-arc-flag sweep-flag x y)+
R Catmull-Rom curveto*  Catmull-Rom曲线 x1 y1 (x y)+

 

恩,知道这些应该可以开始处理了。

发表评论

电子邮件地址不会被公开。 必填项已用*标注