zui docs v0.0.5
GitHub ↗
Display, content, and media Native Qt

Vector Image

Vector Image is a native Zui component in the display, content, and media catalog, with 10 component-specific properties.

Usage

Ruby example

Paste this complete Builder example inside the app surface from the Quickstart. Replace illustrative asset paths with files from your project.

Ruby
vector_image "assets/architecture.svg", width: 520, height: 300, fill_mode: :preserve_aspect_fit
API

Component properties

10 component-specific values, plus shared item and layout properties.

sourceSource configuration for Vector Image.property
widthWidth configuration for Vector Image.property
heightHeight configuration for Vector Image.property
fill_modeFill mode configuration for Vector Image.property
rendererRenderer configuration for Vector Image.property
trustedTrusted configuration for Vector Image.property
asynchronous_shapesAsynchronous shapes configuration for Vector Image.property
animation_loopsAnimation loops configuration for Vector Image.property
animation_pausedAnimation paused configuration for Vector Image.property
visibleVisible configuration for Vector Image.property
Show 14 shared item properties
enabledopacityscalerotationzfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment
Interaction

Events

Subscribe with on widget, :event and keep behavior in Ruby.

source_changeNative event payload