Create an RGBA image compatible with ImageData
npm install @rgba-image/create-image[ 0, 0, 0, 0 ]
typescript
{
width: number
height: number
data: Uint8ClampedArray
}
`
If the ImageData constructor is found in the global object, eg in the browser
or with a patched global in node, it will return an instance of that
constructor, otherwise it will return a plain javascript object
install
npm install @rgba-image/create-image
usage
`js
const { createImage } = require( '@rgba-image/create-image' )
const imageData = createImage( 300, 150 )
`
Populate from an existing Uint8ClampedArray (must be width height 4 in length):
`js
const imageData = createImage( 300, 150, data )
`
This module also provides CreateImageFactory, so you can create a
createImage function which fills the initial data with a different color, eg
to emulate ImageData in the browser, which fills the image with opaque black:
`js
const { CreateImageFactory } = require( '@rgba-image/create-image' )
const createImage = CreateImageFactory( [ 0, 0, 0, 255 ] )
const imageData = createImage( 300, 150 )
`
You can also create images with a different number of channels, but these will
not be compatible with other modules in rgba-image:
`js
const { CreateImageFactory } = require( '@rgba-image/create-image' )
const rgbChannels = 3
const createRgbImage = CreateImageFactory( [ 0, 0, 0 ], rgbChannels )
const imageData = createImage( 300, 150 )
``