#header-mark#
Image 图片
图片容器,用于显示图片
基础用法
读取图片并显示。可以通过 100px
, 50%
等形式设置图片的宽、高。也可以通过 style
的 border
设置边框。
将 numpy ndarray作为图片显示
先使用 PIL 转换为 png 图片后再显示。
API
属性
属性名 | 说明 | 类型 | 默认值 |
---|---|---|---|
v-model/value | 绑定值,图片二进制数据 | bytes | — |
format | 图片格式 | str | png |
width | 图片的宽 | str | - |
height | 图片的高 | str | - |
style | 自定义css样式 | str | - |
TIP
style 支持的其它css属性
Sizes相关
- height
- width
- max_height
- max_width
- min_height
- min_width
Display相关
- visibility
- display
- overflow
Box model相关
- border
- margin
- padding
Positioning相关
- top
- left
- bottom
- right
方法
属性名 | 说明 | 类型 |
---|
src/examples/ipywui/component/Image