TAG
CSS
JavaScript
Result
Run
<button type="button" id="btn-show">Show Text</button> <canvas id="mycanvas" width="200" height="50"></canvas>
canvas { border: 1px solid #CCC; display: block; margin-top: 10px; }
window.addEventListener("load", function() { const elShowBtn = document.getElementById("btn-show"); const elCanvas = document.getElementById("mycanvas"); let context = elCanvas.getContext("2d"); elShowBtn.addEventListener("click", e => { context.font = "20px consolas"; context.fillText("Hello", 10, 30); }); });
Console
expand_less