JSFiddle - React, Tailwind, and code Playground

by kurotanshi

HTML

<canvas id="canvas" width="100" height="100" ></canvas>


<a href="#" download="dl.png" 
  onclick="this.href=canvas.toDataURL();" >下載</a>

JavaScript

var canvas = document.getElementById('canvas'),
  context = canvas.getContext('2d');

context.fillStyle = 'rgb(200, 0, 0)';
context.fillRect(10, 10, 55, 50);
context.fillStyle = 'rgba(0, 0, 200, 0.5)';
context.fillRect(30, 30, 55, 50);