TAG
CSS
JavaScript
Result
Run
License
<p><button type="button" id="btn-make">Get URL</button></p> <canvas id="mycanvas" width="200" height="200"></canvas>
canvas { border: 1px solid #CCC; display: inline-block; margin-top: 10px; }
window.addEventListener("load", function() { const $elMakeBtn = document.getElementById("btn-make"); const $elCanvas = document.getElementById("mycanvas"); const $context = $elCanvas.getContext("2d"); $context.ellipse(100, 100, 50, 50, Math.PI / 4, 0, 360); $context.stroke(); $elMakeBtn.addEventListener("click", e => { let url = $elCanvas.toDataURL(); console.log(url); const $elImg = new Image(); $elImg.src = url; document.body.append($elImg); }); });
Console
expand_less
License
License
by DevDic
Close