JSFiddle - React, Tailwind, and code Playground

by frogggeee McFrogggeee

HTML

<!DOCTYPE html>
<html>
<head>
<body>
<p id = "out"></p>
<canvas id="myCanvas" width="400" height="400">
</canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
echoColor(e);
function echoColor(e){
	var imgData = ctx.getImageData(e.pageX, e.pageX, 1, 1);
	red = imgData.data[0];
	green = imgData.data[1];
	blue = imgData.data[2];
	alpha = imgData.data[3];
	document.getElementById("out").innerHTML = (red + green + blue + alpha);	
}
</script>
</body>
</head>
</html>