colorDepth 예제
<button onclick="homzzang()">클릭</button>
<p id="demo"></p>
<script>
function homzzang() {
var x = "colorDepth: " + screen.colorDepth + " bit / 1 pixel";
document.getElementById("demo").innerHTML = x;
}
</script>
결과보기
colorDepth 정의
이미지 표시 위한 색상표 비트 심도를 픽셀 단위로 반환
모든 브라우저 지원.
colorDepth 구문
screen.colorDepth
[반환값]
이미지 표시 위한 색상표의 비트 심도를 픽셀 당 비트 단위로 나타내는 숫자
픽셀 당 1 비트
픽셀 당 4 비트
픽셀 당 8 비트
픽셀 당 15 비트
픽셀 당 16 비트
픽셀 당 24 비트
픽셀 당 32 비트
픽셀 당 48 비트
colorDepth 예제
<script>
if (screen.colorDepth <= 8)
document.body.style.background = "red"; // 8비트 이하 구형 스크린
else
document.body.style.background = "tomato"; // 8비트 초과 현대 스크린
</script>
결과보기
colorDepth 예제 - 사용자 스크린 정보
<h3>당신의 Screen 정보 (홈짱닷컴 Homzzang.com 제공)</h3>
<div id="demo"></div>
<script>
var txt = "";
txt += "<p>width: " + screen.width + "</p>";
txt += "<p>height: " + screen.height + "</p>";
txt += "<p>availWidth (= 작업표시줄 제외 너비): " + screen.availWidth + "</p>";
txt += "<p>availHeight (= 작업표시줄 제외 높이): " + screen.availHeight+ "</p>";
txt += "<p>colorDepth (Color depth) : " + screen.colorDepth + "</p>";
txt += "<p>pixelDepth (Color resolution) : " + screen.pixelDepth + "</p>";
document.getElementById("demo").innerHTML = txt;
</script>
결과보기