JSFiddle - React, Tailwind, and code Playground

by frogggeee McFrogggeee

HTML

<!DOCTYPE html>
<html>
<head>
<body>
<h1>button clicker</h1>
<p>by frogggeee</p>
<img onmouseover="big()" onmouseout="normal()" src="https://ozh.github.io/cookieclicker/img/favicon.ico" alt="Smiley" width="32" height="32" onclick="alert('clicked')">

<canvas id = "canvas" width = "480" height = "360" ></canvas>
<script>
let canvas = document.getElementById("canvas");
let ctx = canvas.getContext("2d");
let img = new Image();
img.src = "https://www.gettyimages.com/gi-resources/images/frontdoor/creative/PanoramicImagesRM/FD_image.jpg";
function big() {
	
}
ctx.drawImage(img, 100, 100, 150, 110, 0, 0, 300, 220);

</script>
</body>
</head>
</html>