JSFiddle - React, Tailwind, and code Playground

by StefanHanke

HTML

<!DOCTYPE html>
<html>
    
    <head>
        <script src="kinetic-v4.3.1.js" type="text/javascript"></script>
    </head>
    
    <body>
        <div id="container"></div>
    </body>

</html>

JavaScript

var stage = new Kinetic.Stage({
    container: 'container',
    width: 800,
    height: 600
});
var layer = new Kinetic.Layer();
stage.add(layer);

var p = new Kinetic.Path({
    data: 'M 200 50 L 420 80 Q300 100 260 170 Z',
    x: 0,
    y: 0,
    fill: '#00D2FF',
    stroke: 'black',
    strokeWidth: 4
});
layer.add(p);

stage.draw();