x
<html><body><h1>HTML5 Canvas textAlign</h1><canvas id="myCanvas" width="500" height="150" style="border:1px solid grey;">Sorry, your browser does not support canvas.</canvas><script>const canvas = document.getElementById("myCanvas");const ctx = canvas.getContext("2d");// Create a linectx.strokeStyle = "black";ctx.lineWidth = 2;ctx.beginPath();ctx.moveTo(250,0);ctx.lineTo(250,250);ctx.stroke();ctx.closePath();ctx.font = "20px Arial";ctx.fillStyle = "purple";ctx.textAlign = "center";ctx.fillText("center", 250, 20);ctx.textAlign = "start";ctx.fillText("start", 250, 50);ctx.textAlign = "end";ctx.fillText("end", 250, 80);ctx.textAlign = "left";ctx.fillText("left", 250, 110);ctx.textAlign = "right";ctx.fillText("right", 250, 135);</script></body></html>