TAG
CSS
JavaScript
Result
Run
License
<p><button type="button" id="btn-make">Make a Image</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 => { $elCanvas.toBlob(blob => { const $elImg = document.createElement("img"); const url = URL.createObjectURL(blob); $elImg.onload = () => { URL.revokeObjectURL(url); }; $elImg.src = url; document.body.append($elImg); }); }); });
Console
expand_less
License
License
by DevDic
Close