Curve

Curve is a vector drawing library providing a layer of user interaction tools over SVG. It is used in an [Electron][electron]-based vector drawing app called [Curve.app][app].

!shot

Built on top of [svg.js][svg].

* Will load any svg file
* Will serialize (save!) the loaded svg file
* Can create paths (pen tool), rectangles, and ellipses
* Can select and modify paths, rectangles, and ellipses

Running the example

* python -m SimpleHTTPServer 8080
* Load up http://localhost:8080/examples/example.html

Usage

Curve is built with [browserify][browserify] and works in the browser, and node.js and Electron applications.

$3

The only dependency is svg.js which is bundled in curve.js and curve.min.js. Download curve.js or curve.min.js, and include it in your page

``html













`

Then in your JS:

`js
var doc = new Curve.SVGDocument("canvas")
var svgString = ""
doc.deserialize(svgString)
doc.initializeTools()
`

$3

`bash
npm install --save curve
`

And it works similarly

`js
var SVGDocument = require('curve').SVGDocument

var canvas = document.createElement('div')
var doc = new Curve.SVGDocument(canvas)
var svgString = ""
doc.deserialize(svgString)
doc.initializeTools()
`

Browser support

Officially tested on Chrome

Testing/Building

* Requires grunt npm install -g grunt-cli
* Install grunt modules npm install
* Automatically compile changes grunt watch
* Run tests with npm test`

License

MIT License

[electron]:http://electron.atom.io
[app]:https://github.com/benogle/curve-app
[svg]:https://github.com/wout/svg.js
[browserify]:http://browserify.org/