图片

图片组件是允许用户引入外部或本地图片到看板内进行展示的组件。允许引入的图片为资源库图片、项目本地图片或外网图片。

• 图片： 设置图片地址。

  • 选择图片： 点击打开资源库窗口，从资源库中选择想要展示的图片。

  • 图片地址： 可以是以http或https开头的外网的地址，也可以是项目本地的图片路径，例如./static/img/logo-short-name.png。

  

• 适应模式： 设置图片适配模式。

  • 等比缩放： 选择 等比展示全图 和 无 中较小的一个，根据内容尺寸与容器框的关系来决定。

    

  • 等比展示全图： 图片保持长宽比缩放，图片长边 100%展示。

    

  • 等比裁剪： 图片保持长宽比缩放以完全覆盖容器框，图片短边 100%展示，长边超出被裁剪。

    

  • 拉伸填满： 图片拉伸以填充容器框，可能会导致比例失真。

    

  • 无： 图片保持原始尺寸，不会被缩放或拉伸。

    

• 描述： 设置图片描述信息。

  

• 描述位置： 设置图片描述出现的位置。

  • 底部/顶部： 描述出现在图片的底部/顶部。

    

  • 左上角/右上角/左下角/右下角: 描述出现在图片的四个角落。

    

  • 覆盖： 描述的遮罩覆盖整个图片。