Manual de Referência HTML

大全 de Tags HTML

Atributo width da ImageData no canvas HTML

Atributo only readable ImageData.width, que retorna o número de pixels em cada linha do objeto de dados de imagem.

Exemplo Online

Avisar a largura do objeto ImageData:

Exemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Uso do atributo width da ImageData no canvas HTML-Tutorial Básico(oldtoolbag.com)</<title>
</<head>
<body>
<canvas id="myCanvas" largura="300" altura="150" estilo="borda:1px sólido #d3d3d3>
Seu navegador não suporta o HTML5　canvas tag.</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var imgData = ctx.createImageData(100,　100);
alert("Largura de imgData é: ")　+　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>

Teste e veja ‹/›

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox, Opera, Chrome e Safari suportam ImageData A propriedade width.

Atenção:Internet Explorer 8 E as versões anteriores não suportam o elemento <canvas>.

Definição e uso

Esta propriedade retorna a largura do objeto ImageData (em pixels).

Dica:Verifique createImageData()、getImageData() eputImageData() Métodos, para obter mais informações sobre o objeto ImageData.

Sintaxe JavaScript

Sintaxe JavaScript:	imgData.largura;

Manual de referência do canvas HTML

HTML: <template> tag