What is an SVG? Fundamentally, an SVG is just a simple text file that tells the computer how to draw an image using shapes, the same way HTML is just a text file that tells the computer how to render a web page. Find out more here.
You can create your drawings with Free programs like Inkscape or websites like SVGEdit
Note: Some great SVG files can be found at game-icons.net and Noun Project.
Try pasting this into the box:
<svg x="0" y="0" width="100" height="100">
<rect x="25" y="25" width="50" height="50" style="fill:#ff0000" />
<script
type="text/javascript"
data-namespace="myThing"
><![CDATA[
myThing = {
menu: {
'Change Color': {
eventName: 'changeMyColor',
applicable: (elem) => { return true },
uiLabel: (elem) => { return 'Change Color To Green' },
handler: function(evt) {
// Note - "handler" must be written as a traditional function,
// not an arrow-function, so that "this" is bound correctly
console.log('Changing color!')
this.querySelector('rect').style['fill'] = '#00ff00'
},
},
},
}
]]></script>
</svg>
Note: Some great images can be found on Wikipedia
If you enjoy this tool, you can spread the love:
To remove cards from a deck, double-click on the deck.
To remove objects from a Dynamic Paper, double-click it.
To resize a Dynamic Paper, double-click it, then drag the gray square handle in the lower corner.
To select multiple dice, hold Shift and click on each one.
To zoom in/out, hold Ctrl and roll your mouse wheel.
If you've got a Github account, you can "star" this project or report an issue
| Share URL: |