Skip to content

Limitations

Amirh24 edited this page Aug 23, 2018 · 5 revisions

In order for the utility to work, the SVG images needs to be in a certain type of form that fulfills the following properties:

  • The first child of the tag has to be and first child has to be <style>.
  • The classes names inside the style tag has to be in the form of "cls-x" while x is an integer (cls-1, cls-2 etc...)

For example:

<svg

xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4000 4000">

<defs>

	<style>.cls-1,.cls-2{fill:#ffcd98;}.cls-2{stroke:#333;stroke-miterlimit:10;stroke-width:5px;}.cls-3{fill:#fff;}.cls-4{fill:#7f6145;}.cls-5{opacity:0.2;}</style>

</defs>

<title>glasses</title>

<g id="glasses">

	// continued from here as usual

Clone this wiki locally