JavaScript 的 SVG 库:Paths.js

jopen 10年前

Paths.js 是一个可以帮你生成 SVG paths 的工具。可通过使用类似 Mustache or Handlebars 的模板引擎来在浏览器上显示 SVG 图形。

Path()    .moveto(2, 10)    .lineto(3, 5)    .hlineto(4)    .vlineto(3)    .curveto(1, 1, 2, 5, 3, 1)    .smoothcurveto(2, 5, 2, 6)    .qcurveto(0, 1, 2, 3)    .smoothqcurveto(6, -3)    .arc(3, 3, 2, 0, 1, 6, -3)    .closepath()    is equivalent to:    Path()    .moveto({x: 2, y: 10})    .lineto({x: 3, y: 5})    .hlineto({x: 4})    .vlineto({y: 3})    .curveto({x1: 1, y1: 1, x2: 2, y2: 5, x: 3, y:1})    .smoothcurveto({x2: 2, y2: 5, x: 2, y: 6})    .qcurveto({x1: 0, y1: 1, x: 2, y: 3})    .smoothqcurveto({x: 6, y: -3})    .arc({rx: 3, ry: 3, xrot: 2, large_arc_flag: 0, sweep_flag: 1, x: 6, y: -3})    .closepath()

项目主页:http://www.open-open.com/lib/view/home/1411203874265