https://lynxjs.org/api/elements/built-in/image.html#mode

Specifies the image cropping/scaling mode

mode_ "https://<your-domain-here>/image.png"

Default Value: "scaleToFill"

https://lynxjs.org/api/elements/built-in/image.html#placeholder

Specifies the path to the placeholder image. The usage and limitations are the same as for the src attribute.

placeholder_ "value"

https://lynxjs.org/api/elements/built-in/image.html#blur-radius

Specifies the Gaussian blur radius for the image.

image_ [ blurRadius_ "10px" ]

Default Value: "0px"

https://lynxjs.org/api/elements/built-in/image.html#prefetch-widthprefetch-height

Allows initiating a request when the image has a width / height of 0. This is typically used when preloading images. It's recommended to set the sizes to match the actual layout width / height.

prefetchWidth_ "10px"

Default Value: "0px"

https://lynxjs.org/api/elements/built-in/image.html#prefetch-widthprefetch-height

Allows initiating a request when the image has a height / height of 0. This is typically used when preloading images. It's recommended to set the sizes to match the actual layout height / height.

prefetchHeight_ "10px"

Default Value: "0px"

https://lynxjs.org/api/elements/built-in/image.html#cap-insets

Specifies the 9patch image scaling area with four values representing the top, right, bottom, and left edges. Values must be specific numbers and do not support percentages or decimals.

capInsets_ "0px 14px 0 14px"

Default Value: "0px 0px 0px 0px"

https://lynxjs.org/api/elements/built-in/image.html#cap-insets-scale

Works with `cap-insets` to adjust the pixel positions when stretching the image.

capInsetsScale_ 10

Default Value: 1

https://lynxjs.org/api/elements/built-in/image.html#loop-count

Specifies the number of times to play an animated image. The default is to loop indefinitely.

loopCount_ 10

Default Value: 0

https://lynxjs.org/api/elements/built-in/image.html#image-config

• Android* only.

Specifies the image data format. There are two options: RGB_565 | ARGB_8888;

imageConfig_ "RGB_565"

Default Value: ARGB_8888

https://lynxjs.org/api/elements/built-in/image.html#auto-size

When set to true and the <image> element has no width or height, the size of the <image> will be automatically adjusted to match the image's original dimensions after the image is successfully loaded, ensuring that the aspect ratio is maintained.

autoSize_ True

Default Value: False

https://lynxjs.org/api/elements/built-in/image.html#defer-src-invalidation

When set to true, the <image> will only clear the previously displayed image resource after a new image has successfully loaded.

deferSrcInvalidation_ True

Default Value: False

https://lynxjs.org/api/elements/built-in/image.html#auto-play

Specifies the number of times to play an animated image. The default is to loop indefinitely.

autoPlay_ False

Default Value: True

https://lynxjs.org/api/elements/built-in/image.html#tint-color

Changes the color of all non-transparent pixels to the tint-color specified. The value is a color.

tintColor_ 10

Default Value: 0