Canvas globalAlpha ιδιοσύνη
ορισμός και χρήση
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);
γραμματική
κείμενο.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 |
Σημείωση:O Internet Explorer 8 και οι παλιότερες εκδόσεις δεν υποστηρίζουν το στοιχείο <canvas>.
