TAG
CSS
JavaScript
Result
Run
License
<canvas id="mycanvas" width="200" height="100"></canvas>
#mycanvas { border: 1px solid #CCC; }
window.addEventListener("load", function() { const elCanvas = document.getElementById("mycanvas"); let context = elCanvas.getContext("2d"); context.beginPath(); context.fillStyle = "#FF0000"; context.rect(10, 10, 100, 50); context.fill(); context.globalAlpha = 0.5; context.beginPath(); context.fillStyle = "#FFFF00"; context.rect(50, 30, 100, 50); context.fill(); });
Console
expand_less
License
License
by DevDic
Close