JSFiddle - React, Tailwind, and code Playground

by David Cassagne

HTML

<canvas id="mon_canvas" width="500" height="500">
    Message pour les navigateurs ne supportant pas encore canvas.
</canvas>

JavaScript

var canvas = document.getElementById("mon_canvas");
var context = canvas.getContext("2d");

context.beginPath(); // On démarre un nouveau tracé
context.moveTo(0, 300); // On se déplace au coin inférieur gauche
context.lineTo(150, 0);
context.lineTo(300, 300);
context.lineTo(0, 300);
context.stroke(); // On trace seulement les lignes.
context.closePath();