Retourner ' la page d'accueil de TJSRetourner ' la page d'accueil de TJS

Propriété : CanvasRenderingContext2D.globalAlpha

Contient le niveau d'opacité alpha du contexte de canvas

Syntaxe
Number ctx.globalAlpha

Compatible tous navigateurs

Description
Contient le niveau de transparence alpha du contexte de canvas.
La valeur 0 indique une transparence totale
La valeur 1 indique une opacité totale


Exemple 1 : Superposition de boites avec transparence
Code source
<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>

Résultat
Emulation de la console
Explication
Superposition de rectangles plein avec différents niveaux de transparence.

Page en rapport
Le tutoriel sur le dessin avec canvas
Page mise à jour le
QUERY 10
SELECT *, DATE_FORMAT(dt_insert, '%d/%m/%Y %H:%i' ) AS jour_insert, DATE_FORMAT(dt_maj, '%d/%m/%Y %H:%i' ) AS jour_maj FROM js_reference ORDER BY IDfather, name
SELECT * FROM js_navigateur ORDER BY ordre
SELECT * FROM js_version ORDER BY ID
SELECT * FROM js_reference WHERE phpfile="canvasrenderingcontext2d.globalalpha"
UPDATE js_reference SET nb_visi=nb_visi+1, nb_visi_delai=nb_visi_delai+1 WHERE ID='425'
SELECT * FROM js_navigateur ORDER BY ordre
SELECT js_equivalent_ressource.*, js_equivalent_language.language, js_equivalent_language.favico FROM js_equivalent_ressource, js_equivalent_language WHERE js_equivalent_ressource.idLanguage = js_equivalent_language.id AND js_equivalent_ressource.etat=1 AND js_equivalent_language.etat=1 AND js_equivalent_ressource.typeof='REF' AND js_equivalent_ressource.idRessource="425"
SELECT * FROM js_exemple WHERE ID='425' ORDER BY ordre
SELECT * FROM js_url WHERE ID='425' ORDER BY ordre
SELECT * FROM js_url WHERE ID='308' ORDER BY ordre

Troisième édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...
Le 17/06/2025 17:53:52 sur php 7 en 114.84 ms