JSFiddle - React, Tailwind, and code Playground

by micmic

HTML

<script src="http://heartcode-canvasloader.googlecode.com/files/heartcode-canvasloader-min-0.9.1.js"></script>
<div id="canvasloader-container" class="wrapper"></div>

CSS

body, html {
    margin:0;
    padding:0;
    overflow:hidden;
    background-color:#ffffff;
}
.wrapper {
    position:absolute;
    top:50%;
    left:50%;
}

JavaScript

var cl = new CanvasLoader('canvasloader-container');
cl.setColor('#b320b3'); // default is '#000000'
cl.setShape('roundRect'); // default is 'oval'
cl.setDiameter(140); // default is 40
cl.setDensity(12); // default is 40
cl.setRange(1); // default is 1.3
cl.setFPS(8); // default is 24
cl.show(); // Hidden by default