Core Code
Core Code Modern Dev Handbook

Canvas Line Drawing

Draw a simple line using canvas.

Preview

Code

<canvas id="canvas" width="200" height="100"></canvas>

<script>
let ctx = document.getElementById("canvas").getContext("2d");

ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(200,100);
ctx.stroke();
</script>

More JS Graphics Examples (7)

example Canvas Basic Example open example example Canvas Circle Example open example example Canvas Text Example open example example Canvas Gradient Example open example example Simple Canvas Animation open example example Draw Image on Canvas open example example Clear Canvas Example open example