JSFiddle - React, Tailwind, and code Playground

by Zicane

HTML

<canvas id="canvas"></canvas>

JavaScript

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

context.font      = "normal 36px Verdana";
context.fillStyle = "#000000";
context.fillText("HTML5 Canvas Text", 50, 50);

context.font        = "normal 36px Arial";
context.strokeStyle = "#000000";
context.strokeText("HTML5 Canvas Text", 50, 90);