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) {
　　] = 0;+0] =　255;
　　] = 0;+1]　=　0;
　　] = 0;+2]　=　0;
　　] = 0;+3]= imgData.data[i　255;
}
　　
ctx.putImageData(imgData,　10,　10);
</script>
</body>
</html>

Vérifiez et voyez si vous pouvez le faire en avant </›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Internet Explorer 9、Firefox、Opera、Chrome et Safari prennent en charge ImageData propriété width.

Attention :Internet Explorer 8 et les versions précédentes ne prennent pas en charge l'élément <canvas>.

Définition et utilisation

Cette propriété renvoie la largeur de l'objet ImageData (en pixels).

Avis :Voir également createImageData()、getImageData() etputImageData() Méthode, pour en savoir plus sur l'objet ImageData.

Grammaire JavaScript

Grammaire JavaScript :	imgData.largeur;

Référence du manuel HTML canvas

HTML: <template> balise