Παράμετρος globalAlpha του canvas του HTML
Ορισμός και χρήση
globalAlpha Η ιδιότητα ρυθμίζει ή επιστρέφει την τρέχουσα αδιαφάνεια (alpha ή διαφάνεια) της διαγράμμισης.
globalAlpha Η τιμή της ιδιότητας πρέπει να βρίσκεται μεταξύ 0.0Μέσα σε (πλήρως διαφανές) και 1.0Μέσα σε (μη διαφανές) και τους αριθμούς.
Παράδειγμα
Πρώτα, σχεδιάστε έναν κόκκινο ορθογώνιο, μετά ρυθμίστε την αδιαφάνεια (globalAlpha) σε 0.2 και στη συνέχεια σχεδιάστε έναν πράσινο και έναν μπλε ορθογώνιο:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// Ρύθμιση διαφάνειας
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);
Γλώσσα
context.globalAlpha=number;
Τιμή της ιδιότητας
| Τιμή | Περιγραφή |
|---|---|
| number | Αδιαφάνεια. Πρέπει να βρίσκεται μεταξύ 0.0 (πλήρως διαφανές) και 1.0 (μη διαφανές). |
Τεχνικά λεπτομέρειες
| Προεπιλεγμένη τιμή: | 1.0 |
|---|
Υποστήριξη του περιηγητή
Τα αριθμήματα στην τάβληση σηματοδοτούν την έκδοση του πρώτου προγράμματος που υποστηρίζει την ιδιότητα.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Σημείωση:Οι εκδόσεις Internet Explorer 8 και παλιότερες δεν υποστηρίζουν το στοιχείο <canvas>.
