JSFiddle - React, Tailwind, and code Playground

by Brock Whittaker

HTML

<canvas id="myCanvas" width="578" height="200"></canvas>

JavaScript

var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
$(document).mousemove(function (e) {
    canvas.width = canvas.width;
    y = e.pageY;
    context.beginPath();
    context.rect(188, 50, 200, 100);
    context.fillStyle = 'yellow';
    context.fill();
    context.lineWidth = 7;
    context.strokeStyle = 'black';
    context.stroke();
    canvas.style.webkitFilter = "blur(" + y / 10 + "px)";
    
    context.font = '16pt Helvetica Neue';
    context.fillStyle = 'black'
    context.fillText('Hello World!', 150, 100);
});