Propriété : CanvasRenderingContext2D.globalAlpha

<canvas id="myCanevas" style="width:250px; height:250px; background:#fff" ></canvas>

<script type="text/javascript">
var ctx = document.getElementById("myCanevas").getContext('2d');

ctx.globalAlpha = 1;
ctx.fillStyle = "#316AC5";
ctx.fillRect(5, 5, 150, 150);

ctx.globalAlpha = 0.5;
ctx.fillStyle = "#FFA500";
ctx.fillRect(30, 40, 200, 100);

ctx.globalAlpha = 0.2;
ctx.fillStyle = "#FFF";
ctx.fillRect(80, 10, 120, 80);


</script>

Emulation de la console

Superposition de rectangles plein avec différents niveaux de transparence.

Dunod Fnac Amazon

Chargement
en cours...