直接跳到内容

Image 图片

图片容器,用于显示图片

基础用法

读取图片并显示。可以通过 100px, 50% 等形式设置图片的宽、高。也可以通过 styleborder 设置边框。

将 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

Image 图片已经加载完毕