Image

Image

Signature

<Image Src="{Data.Cover.Url}" Alt="封面" W="160" H="90" Rounded="True" />
<Image>https://example.com/a.png</Image>

Attributes

Runtime behavior

• Static https images may come from any HTTPS host.
• Dynamic Src must match Widget.ImageHosts; use * or *.cdn.com for one-time approval.
• Blob URLs (from Data Type="Binary" or Resources Binary) render directly.
• Without W the width is 100%; without H the height is automatic.
• Cropping uses object-cover.

Example

<Image Src="{Data.Avatar}" W="48" H="48" Rounded="True" Alt="头像" />

<Data Name="Cover" Type="Binary" Source="File" Path="./cover.png" />
<Image Src="{Data.Cover.Url}" W="320" H="180" Rounded="True" />

Gotchas

• A failed remote image shows no placeholder; use If on the data state when you need one.
• Dynamic images that do not match ImageHosts do not render; the remote host still sees the request IP, so use a trusted host or Blob for sensitive content.
• Large images consume memory; keep W/H small.