# IMPORTANT This is a fork of this [gist](https://gist.github.com/bollwyvl/fe1d2806449487cdf88a) by user [@bollwyvl](http://github.com/bollwyvl), to fix some minor issues and allow node packaging. # SVG fragment builds for [reveal.js](https://github.com/hakimel/reveal.js) ## Basic use case - make an SVG (maybe in [inkscape](http://www.inkscape.org/en/)) - save it someplace reveal.js can find it (maybe next to your presentation) - figure out how to identify them (maybe use named layers) - in reveal.js/index.html - add `reveal-svg-fragment.js` as a dependency - in a `
` of reveal.js markup - add `data-svg-fragment=""` to something, e.g. a `div` - add some things with `class="fragment"` inside that thing - add `title=""` to those things - `[*|label=]` is good - for more about selectors, check out the [W3C page](http://www.w3.org/TR/css3-selectors/) ## Example Let's assume I made an SVG in Inkscape, and saved it next to my `index.html`. It has three layers: `base`, `fragment1` and `fragment2`. ...
... ... ## LIMITATIONS - won't work in Chrome against `file://` - workarounds: - dropbox - sharepoint - confluence - gist - `python -m SimpleHTTPServer` - probably won't work in IE - wontfix