> [Wiki](Home) ▸ [[API Reference|API-Reference]] ▸ [[Renderer|Renderer-API]] ▸ [[Item|Renderer-Item-API]] ▸ **Image**
# Image
```javascript
Image {
source: 'http://lorempixel.com/200/140/'
onLoad: function(error){
if (error){
console.error("Can't load this image");
} else {
console.log("Image has been loaded");
}
}
}
```
> [`Source`](/Neft-io/neft/blob/65f8de73ffc0dbb38be0f58144f629599500b1a9/src/renderer/types/basics/item/types/image.litcoffee)
## Table of contents
* [Image](#image)
* [**Class** Image](#class-image)
* [New](#new)
* [pixelRatio](#pixelratio)
* [onPixelRatioChange](#onpixelratiochange)
* [width](#width)
* [height](#height)
* [source](#source)
* [onSourceChange](#onsourcechange)
* [resolution](#resolution)
* [sourceWidth](#sourcewidth)
* [onSourceWidthChange](#onsourcewidthchange)
* [sourceHeight](#sourceheight)
* [onSourceHeightChange](#onsourceheightchange)
* [offsetX](#offsetx)
* [onOffsetXChange](#onoffsetxchange)
* [offsetY](#offsety)
* [onOffsetYChange](#onoffsetychange)
* [fillMode](#fillmode)
* [onFillModeChange](#onfillmodechange)
* [loaded](#loaded)
* [onLoadedChange](#onloadedchange)
* [onLoad](#onload)
* [onError](#onerror)
* [Glossary](#glossary)
#**Class** Image
- Syntax
**Class** Image : *Item*- Extends
- Item
> [`Source`](/Neft-io/neft/blob/65f8de73ffc0dbb38be0f58144f629599500b1a9/src/renderer/types/basics/item/types/image.litcoffee#class-image--item)
##New
- Syntax
*Image* Image.New([*Component* component, *Object* options])- Static method of
- Image
- Parameters
- component — Component — optional
- options — Object — optional
- Returns
- Image
> [`Source`](/Neft-io/neft/blob/65f8de73ffc0dbb38be0f58144f629599500b1a9/src/renderer/types/basics/item/types/image.litcoffee#image-imagenewcomponent-component-object-options)
##pixelRatio
- Syntax
*Float* Image.pixelRatio = `1`- Static property of
- Image
- Type
- Float
- Default
1
##onPixelRatioChange
- Syntax
*Signal* Image.onPixelRatioChange(*Float* oldValue)- Static property of
- Image
- Parameters
- Type
- Signal
> [`Source`](/Neft-io/neft/blob/65f8de73ffc0dbb38be0f58144f629599500b1a9/src/renderer/types/basics/item/types/image.litcoffee#signal-imageonpixelratiochangefloat-oldvalue)
##width
- Syntax
*Float* Image::width = `-1`- Prototype property of
- Image
- Type
- Float
- Default
-1
> [`Source`](/Neft-io/neft/blob/65f8de73ffc0dbb38be0f58144f629599500b1a9/src/renderer/types/basics/item/types/image.litcoffee#float-imagewidth--1)
##height
- Syntax
*Float* Image::height = `-1`- Prototype property of
- Image
- Type
- Float
- Default
-1
> [`Source`](/Neft-io/neft/blob/65f8de73ffc0dbb38be0f58144f629599500b1a9/src/renderer/types/basics/item/types/image.litcoffee#float-imageheight--1)
##source
- Syntax
*String* Image::source- Prototype property of
- Image
- Type
- String
The image source URL or data URI.
##onSourceChange
- Syntax
*Signal* Image::onSourceChange(*String* oldValue)- Prototype method of
- Image
- Parameters
- Type
- Signal
> [`Source`](/Neft-io/neft/blob/65f8de73ffc0dbb38be0f58144f629599500b1a9/src/renderer/types/basics/item/types/image.litcoffee#signal-imageonsourcechangestring-oldvalue)
##resolution
- Syntax
ReadOnly *Float* Image::resolution = `1`- Prototype property of
- Image
- Type
- Float
- Default
1- Read Only
> [`Source`](/Neft-io/neft/blob/65f8de73ffc0dbb38be0f58144f629599500b1a9/src/renderer/types/basics/item/types/image.litcoffee#readonly-float-imageresolution--1)
##sourceWidth
- Syntax
Hidden *Float* Image::sourceWidth = `0`- Prototype property of
- Image
- Type
- Float
- Default
0- Not Implemented
##onSourceWidthChange
- Syntax
Hidden *Signal* Image::onSourceWidthChange(*Float* oldValue)- Prototype method of
- Image
- Parameters
- Type
- Signal
- Not Implemented
> [`Source`](/Neft-io/neft/blob/65f8de73ffc0dbb38be0f58144f629599500b1a9/src/renderer/types/basics/item/types/image.litcoffee#hidden-signal-imageonsourcewidthchangefloat-oldvalue)
##sourceHeight
- Syntax
Hidden *Float* Image::sourceHeight = `0`- Prototype property of
- Image
- Type
- Float
- Default
0- Not Implemented
##onSourceHeightChange
- Syntax
Hidden *Signal* Image::onSourceHeightChange(*Float* oldValue)- Prototype method of
- Image
- Parameters
- Type
- Signal
- Not Implemented
> [`Source`](/Neft-io/neft/blob/65f8de73ffc0dbb38be0f58144f629599500b1a9/src/renderer/types/basics/item/types/image.litcoffee#hidden-signal-imageonsourceheightchangefloat-oldvalue)
##offsetX
- Syntax
Hidden *Float* Image::offsetX = `0`- Prototype property of
- Image
- Type
- Float
- Default
0- Not Implemented
##onOffsetXChange
- Syntax
Hidden *Signal* Image::onOffsetXChange(*Float* oldValue)- Prototype method of
- Image
- Parameters
- Type
- Signal
- Not Implemented
> [`Source`](/Neft-io/neft/blob/65f8de73ffc0dbb38be0f58144f629599500b1a9/src/renderer/types/basics/item/types/image.litcoffee#hidden-signal-imageonoffsetxchangefloat-oldvalue)
##offsetY
- Syntax
Hidden *Float* Image::offsetY = `0`- Prototype property of
- Image
- Type
- Float
- Default
0- Not Implemented
##onOffsetYChange
- Syntax
Hidden *Signal* Image::onOffsetYChange(*Float* oldValue)- Prototype method of
- Image
- Parameters
- Type
- Signal
- Not Implemented
> [`Source`](/Neft-io/neft/blob/65f8de73ffc0dbb38be0f58144f629599500b1a9/src/renderer/types/basics/item/types/image.litcoffee#hidden-signal-imageonoffsetychangefloat-oldvalue)
##fillMode
- Syntax
Hidden *Integer* Image::fillMode = `'Stretch'`- Prototype property of
- Image
- Type
- Integer
- Default
'Stretch'- Not Implemented
##onFillModeChange
- Syntax
Hidden *Signal* Image::onFillModeChange(*Integer* oldValue)- Prototype method of
- Image
- Parameters
- Type
- Signal
- Not Implemented
> [`Source`](/Neft-io/neft/blob/65f8de73ffc0dbb38be0f58144f629599500b1a9/src/renderer/types/basics/item/types/image.litcoffee#hidden-signal-imageonfillmodechangeinteger-oldvalue)
##loaded
- Syntax
ReadOnly *Boolean* Image::loaded = `false`- Prototype property of
- Image
- Type
- Boolean
- Default
false- Read Only
> [`Source`](/Neft-io/neft/blob/65f8de73ffc0dbb38be0f58144f629599500b1a9/src/renderer/types/basics/item/types/image.litcoffee#readonly-boolean-imageloaded--false)
##onLoadedChange
- Syntax
*Signal* Image::onLoadedChange(*Boolean* oldValue)- Prototype method of
- Image
- Parameters
- Type
- Signal
> [`Source`](/Neft-io/neft/blob/65f8de73ffc0dbb38be0f58144f629599500b1a9/src/renderer/types/basics/item/types/image.litcoffee#signal-imageonloadedchangeboolean-oldvalue)
##onLoad
- Syntax
*Signal* Image::onLoad()- Prototype method of
- Image
- Type
- Signal
> [`Source`](/Neft-io/neft/blob/65f8de73ffc0dbb38be0f58144f629599500b1a9/src/renderer/types/basics/item/types/image.litcoffee#signal-imageonload)
##onError
- Syntax
*Signal* Image::onError(*Error* error)- Prototype method of
- Image
- Parameters
- Type
- Signal
> [`Source`](/Neft-io/neft/blob/65f8de73ffc0dbb38be0f58144f629599500b1a9/src/renderer/types/basics/item/types/image.litcoffee#signal-imageonerrorerror-error)
# Glossary
- [Image](#class-image)