مثال تگ canvas در HTML

<!DOCTYPE html>
<html dir="rtl">
<body>

<h1>عنصر canvas در HTML</h1>

<canvas id="myCanvas">
    مرورگر شما تگ canvas را پشتیبانی نمی کند.
</canvas>

<script>
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    ctx.fillStyle = "red";
    ctx.fillRect(20, 20, 75, 50);

    //Turn transparency on
    ctx.globalAlpha = 0.2;
    ctx.fillStyle = "blue";
    ctx.fillRect(50, 50, 75, 50);
    ctx.fillStyle = "green";
    ctx.fillRect(80, 80, 75, 50);
</script>

</body>
</html>