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