A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://webplatform.github.io/docs/apis/canvas/ImageData/width below:

width ยท WebPlatform Docs

width Summary

The number of physical device pixels per row in the image data.

Property of apis/canvas/ImageDataapis/canvas/ImageData

Syntax

Note: This property is read-only.

var result = ImageData.width;
Return Value

Returns an object of type unsigned longunsigned long

Examples

This example creates an ImageData object and reports its width, then draws the ImageData onto the canvas.

<canvas id="myCanvas" width="300" height="150" style="border:1px solid blue;"></canvas>
<p>. . .</p>
<script>
var can = document.getElementById("myCanvas");
var ctxt = can.getContext("2d");
var imgdata = ctxt.createImageData(150, 100);
alert(imgdata.width); 
for (var i = 0; i < imgdata.data.length; i += 4) {
 imgdata.data[i+0] = 255;
 imgdata.data[i+1] = 255;
 imgdata.data[i+2] = 0;
 imgdata.data[i+3] = 128;
}
ctxt.putImageData(imgdata, 10, 10);
</script>
Related specifications
W3C HTML Canvas 2D Specification
W3C Candidate Recommendation
Attributions

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4