Snap.svg · 
======
A JavaScript SVG library for the modern web. Learn more at snapsvg.io.
Follow us on Twitter.
To load with webpack use following command:
Snap.svg uses Grunt to build.
Alternatively, install PhantomJS and run command
Note: Pull requests to other branches than
======A JavaScript SVG library for the modern web. Learn more at snapsvg.io.
Follow us on Twitter.
Install
- Bower -
bower install snap.svg
- npm -
npm install snapsvg
- Manual Minified - https://github.com/adobe-webplatform/Snap.svg/raw/master/dist/snap.svg-min.js
- Manual Unminified - https://raw.githubusercontent.com/adobe-webplatform/Snap.svg/master/dist/snap.svg.js
Learn
Use
In your HTML file, load simply by:<script src="snap.svg-min.js"></script>/dist folder.To load with webpack use following command:
const Snap = require(`imports-loader?this=>window,fix=>module.exports=0!snapsvg/dist/snap.svg.js`);Build
Snap.svg uses Grunt to build.
- Open the terminal from the Snap.svg directory:
cd Snap.svg- Install its command line interface (CLI) globally:
npm install -g grunt-clisudo npm, depending on your configuration.- Install dependencies with npm:
npm install- To build the files run
grunt- The results will be built into the
distfolder. - Alternatively type
grunt watchto have the build run automatically when you make changes to source files.
Testing
Tests are located intest folder. To run tests, simply open test.html in there. Automatic tests use PhantomJS to scrap this file, so you can use it as a reference.Alternatively, install PhantomJS and run command
grunt testContribute
- Fill out the CLA.
- Fork the repo.
- Create a branch:
git checkout -b my_branch- Add your changes.
- Check that tests are passing
- Commit your changes:
git commit -am "Added some awesome stuff"- Push your branch:
git push origin my_branch- Make a pull request to
dev(!) branch.
Note: Pull requests to other branches than
dev or without filled CLA wouldn’t be accepted.