JSFiddle - React, Tailwind, and code Playground

by ysis81

HTML

<div id="containerCanvas">
<canvas width="400px" height="400px" id="textbox"></canvas>
</div>

CSS

#textbox {
background-color: #333333;
border: 2px solid #428bca;
z-index: 100;
}

#containerCanvas {
padding: 60px;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
margin: 20px;
}

JavaScript

var textCanvas = document.getElementById('textbox');
var contextTextBox = textCanvas.getContext('2d');
var img = new Image;
img.onload = function(){ contextTextBox.drawImage(img,0,0,300,300); };
img.src = "http://beulu.com/test_last/formulaWhite.svg";