Image

Image {
    source: @image-url("mini-banner.png");
}

slint

Use the Image element to display an image.[sls.meta.image.purpose]

The element draws the image of its source property pixel for pixel: the image’s top-left pixel is at the element’s position, and one image pixel covers one frame-buffer pixel, without scaling.[sls.ref.image.draw]

The element is always the size of its source image: width and height hold the dimensions of that image, and setting them is an error.[sls.ref.image.size]

Properties

source

imagedefault: the empty image

The image to draw, created with @image-url() or set by the application: by default no image, drawing nothing.[sls.ref.image.source]

Access an image’s source dimension using its source.width and source.height properties.[sls.ref.image.source.dimensions]

export component Example inherits Window {
    in property <image> some_image: @image-url("images/logo.png");

    out property <int> image-width: some_image.width;
    out property <int> image-height: some_image.height;
}

slint