TAG
CSS
JavaScript
Result
Run
License
<button type="button" id="btn-make">Make a circle</button> <canvas id="mycanvas" width="200" height="200"></canvas>
canvas { border: 1px solid #CCC; display: block; margin-top: 10px; }
window.addEventListener("load", function() { const elMakeBtn = document.getElementById("btn-make"); const elCanvas = document.getElementById("mycanvas"); elMakeBtn.addEventListener("click", e => { let context = elCanvas.getContext("2d"); context.ellipse(100, 100, 50, 50, Math.PI / 4, 0, 360); context.stroke(); }); });
Console
expand_less
License
License
by DevDic
Close