JSFiddle - React, Tailwind, and code Playground

by mreq

HTML

<script src="https://rawgithub.com/wout/svg.js/master/dist/svg.min.js"></script>
<div id="svg-wrap"></div>

CSS

#svg-wrap {
    width: 500px;
    height: 300px;
    background: gray;
}

CoffeeScript

draw = SVG 'svg-wrap'
a = draw.rect '50%', '50%'
a.fill '#fff'
a.center 250, 150

b = a.clone()
b.fill 'red'

img = draw.image 'http://t1.gstatic.com/images?q=tbn:ANd9GcQo_CFlPKdX-_-EEs34S-Y8T9l2kVNY59fwfhCKHBK90XSwS21grA', 400, 250
img.rotate(75)
img.maskWith a