JSFiddle - React, Tailwind, and code Playground

by VesQ

HTML

<script src="http://www.html5canvastutorials.com/libraries/kinetic-v3.8.3.js"></script>
<div id="testCanvas"></div>
<div id="info">
    <p>Click inside this div to clear it</p>
</div>

CSS

#testCanvas {
    width: 200px;
    height: 200px;
    border: 1px solid #aaa;
    float: left;
    margin-right: 10px;
}
#info {
    float: left;
}

JavaScript

function doCanvasTest(container, $info) {
    var testStage = new Kinetic.Stage(container, 200, 200);
}






$(document).ready(function () {
    var canvasContainer = $("#testCanvas")[0],
        $info = $("#info");
    doCanvasTest(canvasContainer, $info);
    
    $info.click(function () {
        $info.html('');
    });
});