UNPKG

svg-protect

Version:

Flatten, optimise, CC Lisence and split paths to prevent Illustrators from changing your work without permission.

78 lines (42 loc) 1.67 kB
# svg-protect Illustrator/Publisher proof your svgs before downloading. ========= ## Installation `npm install svg-protect` ## Usage const svgp = require('svg-protect'); var svg = document.getElementById('mysvg') svgp(svg,{ owner:"Dan Ellis <my_email@test.com>", flatten:true, elementids: "", split:false, cclicense:true, cclogo:true, savestyle: "svge" // "svge|svg|png" savebtn:true }) #### 1. Flatten - Removes groups and adds all elements to base svg #### 2. Element IDS - Overwrites element IDS #### 3. Split - Applies @mattdesl's triangle style splitting of paths to svg <img src="@mattdesl.gif" width="400" height="300" /> #### 4. CC license - Appends the creative commons licence to svg as a comment. #### 5. Save Style- Set save style from svge|svg|png #### 6. Save Button - Create a button you can click to save your work. id = savebtn Saving functions written with the help of the SVG Jimmy crowbar bookmarks: https://nytimes.github.io/svg-crowbar/ ## Process This program takes several steps to attempt to protect an svg. These are: 1. Flatten all group elements into main svg body. 2. Optimise svg code and convert all elements into Paths. 3. Rename all svg element ids to state ownership. 4. Split paths into triangles. 5. Add CC Attribution licence within svg comments. ## Contributing In lieu of a formal style guide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code.