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/CanvasRenderingContext2D/createImageData below:

createImageData ยท WebPlatform Docs

createImageData Summary

Depending on how it is called, returns either an ImageData object with the given sw, sh dimensions or an ImageData object with the same dimensions as the imagedata argument. See Notes.

Method of apis/canvas/CanvasRenderingContext2Dapis/canvas/CanvasRenderingContext2D

Syntax
var object = object.createImageData(sw, sh, imagedata);
Parameters sw
Data-type
Number

The width of the new object, in CSS pixels.

sh
Data-type
Number

The height of the new object, in CSS pixels.

imagedata
Data-type
Object

An ImageData object of the desired width and height.

Return Value

Returns an object of type DOM NodeDOM Node

An ImageData object.

Examples

This example creates an ImageData object, then sets all its data pixels to yellow (at half intensity), then puts the object onto the canvas at a specified position.

<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);
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>
Notes

When this method is invoked with two arguments, sw and sh, it returns an ImageData object representing a rectangle with a width in CSS pixels equal to the absolute magnitude of sw and a height in CSS pixels equal to the absolute magnitude of sh. When invoked with a single imagedata argument, it returns an ImageData object representing a rectangle with the same dimensions as the ImageData object passed as the argument. The object returned is filled with transparent black.

This method is never called with all three arguments.

Related specifications
W3C HTML Canvas 2D Context
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