JSFiddle - React, Tailwind, and code Playground

by Manawe

HTML

<!DOCTYPE html>
<html>
<head>
<title>Matrix Transforms</title>
</head>
<body>
<canvas id="DemoCanvas" width="300" height="400"></canvas>
<script>
var canvas = document.getElementById("DemoCanvas");
if (canvas.getContext) 
{
 var ctx = canvas.getContext('2d');
 ctx.beginPath();  
 ctx.lineWidth = "13";  
 ctx.transform(21, -21, 21, 21, 300, 150); 
 ctx.strokeStyle = "red";  
  ctx.moveTo(0, 0);
  ctx.lineTo(300, 150);
  ctx.stroke();   
}
</script>
</body> 
</html>