如何将easejs路径转换为svg

时间:2013-11-06 14:13:57

标签: javascript createjs

我有一个使用ease.js创建的js文件,它在画布中创建了一些形状。
但我不想使用帆布。我想用svg实现它。

有没有办法将路径文件转换为svg文件?

使用easyjs编写的代码

(lib.FlashMuxSymbol = function() {
    this.initialize();

    // Layer 1
    this.shape = new cjs.Shape();
    this.shape.graphics.f().s("#000000").ss(1.5,1,1).p("ABuhcIjDghQgZAAAAAaIAACPQAAAaAZAAIDDghgAB5gYIA8AAAi0haIA8AAAi0AsIA8AAAALBCIAAA8");
    this.shape.setTransform(18.3,15.1);

    this.shape_1 = new cjs.Shape();
    this.shape_1.graphics.f("#432F26").s().p("AAfA1IAAhSIgVBSIgTAAIgVhSIAABSIgVAAIAAhpIAhAAIASBHIAThHIAgAAIAABpg");
    this.shape_1.setTransform(17.8,11.8);

    this.addChild(this.shape_1,this.shape);
}).prototype = p = new cjs.Container();
p.nominalBounds = new cjs.Rectangle(0.2,2.5,36.2,25.3);

2 个答案:

答案 0 :(得分:1)

对于将来绊倒这个问题的人:EaselJS现在在SVGExporter目录中包含一个extras/类。这会将几乎所有EaselJS内容导出到SVG,包括矢量图形。

https://github.com/CreateJS/EaselJS/tree/master/extras/SVGExporter

答案 1 :(得分:0)

您可以使用在线SVG编辑器:

http://svg-edit.googlecode.com/svn/branches/2.6/editor/svg-editor.html

它具有编辑源功能,因此您可以使用画布并稍微更改它以匹配svg语法。