JSFiddle - React, Tailwind, and code Playground

by Drath

HTML

<canvas id="test" width="400" height="400"></canvas>

JavaScript

//Item stacking drop shadow
canvas = document.getElementById('test');
ctx = canvas.getContext('2d');
tiles = new Image();

tiles.onload = function() {      
ctx.shadowColor = "rgba(0, 0, 0, 0.85)";
ctx.shadowOffsetX = 2;
ctx.shadowOffsetY = 2;       
ctx.drawImage(tiles,0,0,64,64,0,8,32,32);
ctx.drawImage(tiles,128,0,64,64,0,4,32,32); 
ctx.drawImage(tiles,64,0,64,64,0,0,32,32);  
}
    

tiles.src = "http://www.unlok.ca/wayward/images/itemset.png";