JSFiddle - React, Tailwind, and code Playground

by siddjain

HTML

<div id="div"></div>

CSS

#div
{
    width:300px;
    height:300px;
    border:1px solid black;
}

JavaScript

var w = 300;
var h = 300;
var src = "https://dl.dropboxusercontent.com/u/74728667/Interstate_75_icon.svg";
var canvas = document.createElement("canvas");
canvas.width=w;
canvas.height=h;
var ctx = canvas.getContext("2d");
var img = new Image();
img.src = src;
img.onload = function(e)
{
    ctx.drawImage(img, 0, 0, w, h);
}
var div = document.getElementById("div");
div.appendChild(canvas);