You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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