TAG
CSS
JavaScript
Result
Run
License
<button type="button" id="btn-getsize">Get size</button> <canvas id="mycanvas" width="200" height="100"></canvas>
canvas { border: 1px solid #CCC; display: block; margin-top: 10px; }
window.addEventListener("load", function() { const elGetBtn = document.getElementById("btn-getsize"); const elCanvas = document.getElementById("mycanvas"); elGetBtn.addEventListener("click", e => { let context = elCanvas.getContext("2d"); let width = elCanvas.width; let height = elCanvas.height; context.font = "15px consolas"; context.fillText(`canvas width: ${width}px`, 10, 30); context.fillText(`canvas height: ${height}px`, 10, 60); }); });
Console
expand_less
License
License
by DevDic
Close