openglobus

Class: ImageCanvas

og/ImageCanvas~ImageCanvas

Usefull class for working with JS canvas object.

new ImageCanvas(width, height)

og/ImageCanvas.js, line 13
Name Type Description
width number optional Canvas width. Default 256.
height number optional Canvas height. Default 256.

Members

protected_canvasObject

Canvas object.

protected_contextObject

Canvas context.

Methods

drawImage(img, x, y, width, height)

og/ImageCanvas.js, line 115
Draw an image on the canvas.
Name Type Description
img Image Draw image.
x number optional Left top image corner X coordinate on the canvas.
y number optional Left top image corner Y coordinate on the canvas.
width number optional Image width slice. Image width is default.
height number optional Image height slice. Image height is default.

drawText(text, x, y, font, color)

og/ImageCanvas.js, line 153
Draw a text on the canvas.
Name Type Description
text string Text.
x number optional Canvas X - coordinate. 0 - default.
y number optional Canvas Y - coordinate. 0 - default.
font string optional Font style. 'normal 14px Verdana' - is default.
color string optional Css font color.

fillColor(color)

og/ImageCanvas.js, line 78
Fill the canvas by color.
Name Type Description
color string CSS string color.

fillEmpty()

og/ImageCanvas.js, line 54
Fills canvas RGBA with zeroes.

getCanvas(){Object}

og/ImageCanvas.js, line 37
Returns canvas object.
Returns:
Type Description
Object

getContext(){Object}

og/ImageCanvas.js, line 46
Returns canvas context pointer.
Returns:
Type Description
Object

getData(){Array.<number>}

og/ImageCanvas.js, line 68
Gets canvas pixels RGBA data.
Returns:
Type Description
Array.<number>

getHeight(){number}

og/ImageCanvas.js, line 173
Gets canvas height.
Returns:
Type Description
number

getImage(){Image}

og/ImageCanvas.js, line 125
Converts canvas to JS image object.
Returns:
Type Description
Image

getTextWidth(text){number}

og/ImageCanvas.js, line 139
Get measured text width.
Name Type Description
text string Measured text.
Returns:
Type Description
number

getWidth(){number}

og/ImageCanvas.js, line 164
Gets canvas width.
Returns:
Type Description
number

loadImage(url)

og/ImageCanvas.js, line 183
Load image to canvas.
Name Type Description
url string Image url.

openImage()

og/ImageCanvas.js, line 198
Open canvas image in the new window.

resize(width, height)

og/ImageCanvas.js, line 100
Resize canvas.
Name Type Description
width number Width.
height number Height.

setData(data)

og/ImageCanvas.js, line 88
Sets RGBA pixel data.
Name Type Description
data Array.<number> Array RGBA data.