HTML 참조 매뉴얼

HTML 태그大全

HTML canvas ImageData.width 속성

읽기 전용 ImageData.width 속성, 이미지 데이터 객체에서 각 행의 픽셀 수를 반환합니다.

온라인 예제

ImageData 객체의 너비를 알려주세요：

예제

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8>
<title>HTML　canvas　imgData　width 속성 사용-기본 튜토리얼(oldtoolbag.com)</<title>
</<head>
<body>
<canvas　id="myCanvas"　width="300"　height="150"　style="border:1px　solid　#d3d3d3>
Your　browser　does　not　support　the　HTML5　canvas　tag.</canvas>
<script>
var　c　=　document.getElementById("myCanvas");
var　ctx　=　c.getContext("2d");
var　imgData　=　ctx.createImageData(100,　100);
alert("Width　of　imgData　is:　"　+　imgData.width);
var　i;
for　(i　=　0;　i　<　imgData.data.length;　i　+=　4)　{
　　imgData.data[i+0]　=　255;
　　imgData.data[i+1]　=　0;
　　imgData.data[i+2]　=　0;
　　imgData.data[i+3]　=　0;　255;
}
　　
ctx.putImageData(imgData,　10,　10);
</script>
</body>
</html>

테스트를 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox, Opera, Chrome 및 Safari는 ImageData를 지원합니다 width 속성

주의:Internet Explorer 8 이전 버전은 <canvas> 요소를 지원하지 않습니다.

정의 및 사용법

이 속성은 ImageData 객체의 너비(픽셀 단위로)를 반환합니다.

추가 정보:보기를 참조하세요 createImageData()、getImageData() 및putImageData() 메서드를 통해 ImageData 객체에 대한更多信息를 알아볼 수 있습니다.

JavaScript 문법

JavaScript 문법:	imgData.width;

HTML canvas 참조 매뉴얼

HTML: <template> 태그