tencent cloud

Tencent Cloud Agent Development Platform

Release Notes and Announcements
Release Notes
Product Announcement
Product Introduction
Product Overview
Advantages
Use Cases
Model Introduction
Purchase Guide
Package Subscription
Previous Version
Getting Started
Agent Application and Its Three Modes
Creating a "Content Summary Assistant" in Standard Mode
Creating a “Webpage Scraping Assistant” in Single Workflow Mode
Creating a “Stand-up Comedy Content Creation Assistant” in Multi-Agent Mode
Operation Guide
Application Development
Workflow
Multi-Agent
Knowledge Base
Widget
Plugin Marketplace
Model List 
Prompt Templates
Application Templates
Platform Management
Business, Workspace and Permissions
API Documentation
History
API Category
Making API Requests
Atomic Capability APIs
Operation Optimization APIs
Document Library APIs
Q&A Database APIs
Knowledge Tag APIs
Application Management APIs
Enterprise Management APIs
Billing APIs
Release Management APIs
Dialogue Endpoint APIs
Data Statistics APIs
Data Types
Error Codes
Application API Documentation
Dialogue API Overview
Dialog API Documentation (WebSocket)
Dialog API Documentation (HTTP SSE)
Image Chat or File Chat (Real-time Document Parsing + Chat)
Offline Document Upload
Tencent Cloud Agent Development Platform Operation COS Guide
ADP Document Parsing Protocol
FAQs
Product FAQs
Technical FAQs
Related Agreements
Tencent Cloud Agent Development Platform Service Level Agreement
Tencent Cloud Agent Development Platform Service Specific Terms
Tencent Cloud Agent Development Platform Privacy Policy
Tencent Cloud Agent Development Platform Data Processing and Security Agreement
Open-Source License Statement
Lighthouse OpenClaw Connector Plugin Service Agreement
Contact Us
Glossary
DokumentasiTencent Cloud Agent Development PlatformOperation GuideWidgetWidget ComponentsContent ComponentImage

Image

PDF
Mode fokus
Ukuran font
Terakhir diperbarui: 2026-02-03 15:53:24

Component Feature

A component for displaying images, supporting various adaptation modes, position, size, border, and rounded corners.

Basic Usage

Specify the image URL via src, control the adaptation mode with fit, and provide alternative text using alt.
Template example:
<Image
  src="https://picsum.photos/id/237/400/400"
  alt="example image"
  fit="cover"
/>
Effect display as follows:




Attribute Description

Property Name
Type
Description
Default value
src ★
string
Image URL
-
alt
string
Alternative text for images
-
frame
boolean
Whether to display the border
false
fit
"cover" | "contain" | "fill" | "scale-down" | "none"
Image adaptation mode
"cover"
position
ImagePosition
Image location
"center"
flush
boolean
Whether to display at the edge
false

Dimension Property

Property Name
Type
Description
Default value
height
number | string
Height
-
width
number | string
Width
-
size
number | string
Set both width and height at the same time
-
minHeight
number | string
minimum height
-
minWidth
number | string
minimum width
-
minSize
number | string
minimum size
-
maxHeight
number | string
max height
-
maxWidth
number | string
Maximum width
-
maxSize
number | string
Maximum size
-
aspectRatio
number | string
Aspect ratio
-
radius
RadiusValue
rounded corners
-
margin
number | string | Spacing
margin
-
Note:
Marked with required attribute.

ImagePosition Type

Used to control the display position of images in containers. Available values:
"top left" - upper-left
"top" - top center
"top right" - top right
"left" - left center
"center" - center
"right" - right center
"bottom left" - lower-left
"bottom" - bottom center
"bottom right" - lower-right

Adaptation Mode Description

cover: Maintain the ratio and crop to fill the container.
contain: Maintain the ratio and display the image fully.
fill: Stretch the image to fill the container.
scale-down: Select the smaller one between none and contain.
none: Keep the original size.

Topik sebelumnya: IconTopik selanjutnya: Video

Bantuan dan Dukungan

Apakah halaman ini membantu?

masukan