JSFiddle - React, Tailwind, and code Playground

by makingthings

HTML

<script src="https://unpkg.com/@svgdotjs/svg.js"></script>
<div id="canvas">

</div>

CSS

html, body, #canvas{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

JavaScript

const draw = SVG().addTo('#canvas')
draw.viewbox("0 0 100 100")
// draw.size(100,100)

const circle = draw.circle(50).fill("lime").cx(50).cy(50)
const circleRadius = draw.circle().radius(50).fill("lavender").cx(50).cy(50).attr("style","mix-blend-mode:multiply")