• 회원가입
  • 로그인
  • 구글아이디로 로그인

[Screen] JS - colorDepth 속성 - 이미지 표시 위한 색상표 비트 심도를 픽셀 단위로 반환

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>

 

결과보기


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
Screen JS - Screen 객체 - 스크린객체 속성종류
Screen JS - availHeight 속성 ★ - 화면높이 (※ 작업표시줄 제외)
Screen JS - availWidth 속성 ★ - 화면너비 (※ 작업표시줄 제외)
Screen JS - colorDepth 속성 - 이미지 표시 위한 색상표 비트 심도를 픽셀 단위로 반환
Screen JS - height 속성 ★ - 객체 높이 ※ screen.height: 화면 높이 (※ 작업표시줄 포함)
Screen JS - pixelDepth 속성 - 방문자 화면의 색상해상도 (= 픽셀 당 비트 수) 반환 (IE10 이상…
Screen JS - screen.width 속성 ★ - 스크린너비 (= 화면너비 = screen.width속성 = 스크…
목록
찾아주셔서 감사합니다. Since 2012