Neueste Web-Entwicklung Tutorials
 

Screen colorDepth Property

<Bildobjekt

Beispiel

Holen Sie sich das Bittiefe der Farbpalette:

var x = "Color Depth: " + screen.colorDepth;

Das Ergebnis von x wird sein:

Versuch es selber "

Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.


Definition und Verwendung

Die colorDepth Eigenschaft gibt die Bittiefe der Farbpalette zum Anzeigen von Bildern (in bits per pixel) .


Browser-Unterstützung

Eigentum
colorDepth Ja Ja Ja Ja Ja

Syntax

screen.colorDepth

Technische Details

Rückgabewert: Eine Zahl ist, die die Bittiefe der Farbpalette zum Anzeigen von Bildern, in Bits pro Pixel.

Mögliche Werte:
  • 1 Bit pro Pixel
  • 4 Bits pro Pixel,
  • 8 Bits pro Pixel
  • 15 Bits pro Pixel
  • 16 Bit pro Pixel
  • 24 Bits pro Pixel
  • 32 Bit pro Pixel
  • 48 Bits pro Pixel

Beispiele

Mehr Beispiele

Beispiel

Zeigen Sie eine alternative Hintergrundfarbe für die 8-Bit-Bildschirme (zu, dass 8-Bit-Bildschirme zu vermeiden, die nicht die moderne Farbe unterstützen, verwendet eine hässliche Ersatzfarbe statt):

if (screen.colorDepth <= 8)
  //simple blue background color for 8 bit screens
  document.body.style.background = "#0000FF"
else
  //fancy blue background color for modern screens
  document.body.style.background = "#87CEFA"
Versuch es selber "

Beispiel

Alle Bildschirmeigenschaften in einem Beispiel:

var txt = "";
txt += "<p>Total width/height: " + screen.width + "*" + screen.height + "</p>";
txt += "<p>Available width/height: " + screen.availWidth + "*" + screen.availHeight + "</p>";
txt += "<p>Color depth: " + screen.colorDepth + "</p>";
txt += "<p>Color resolution: " + screen.pixelDepth + "</p>";
Versuch es selber "

<Bildobjekt