1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
<!DOCTYPE html> <html> <body> <canvas id="c" width="50" height="50"></canvas> <script> const c = document.getElementById("c"); const ctx = c.getContext("2d"); ctx.translate(20, 20); ctx.beginPath(); ctx.lineTo(0, 0); ctx.lineTo(0, 20); ctx.stroke(); </script> </body> </html>