JSFiddle - React, Tailwind, and code Playground

by artwl

HTML

<canvas id="myCanvas" width="440" height="300">
    您的浏览器不支持canvas!
</canvas>

CSS

canvas{
    border:1px solid #CCC;
}

JavaScript

var canvas = document.getElementById("myCanvas");
if (!canvas.getContext) {
    return;
}

var ctx = canvas.getContext("2d");
createRectShadow();

function createRectShadow(){
    ctx.save();
    ctx.shadowOffsetX = 8;
    ctx.shadowOffsetY = 8;
    ctx.shadowBlur = 10;
    ctx.shadowColor = "rgba(0, 0, 0, 0.3)";
    ctx.fillStyle = "#CCC";
    ctx.fillRect(10, 10, 400, 260);
    ctx.restore();
}