直接跳到内容
本页目录

GIF 图片

PnGif 组件在提供本地路径时将 .gif 图像文件嵌入到面板中,或者在提供 URL 时将链接到远程图像。

底层实现为panel.pane.GIF,参数基本一致,参考文档:https://panel.holoviz.org/reference/panes/GIF.html

基本用法

PnGIF 组件可以指向任何本地或远程的 .gif 文件。如果给定以 httphttps 开头的 URL,embed 参数决定图像是嵌入还是链接,可以通过设置特定的固定 widthheight 来调整图像的大小:

或者,我们可以使用 sizing_mode 来调整宽度和高度:

请注意,默认情况下,图像的宽高比是固定的,因此即使在响应式调整大小模式下,图像旁边或下方也可能有空隙。要覆盖此行为,请设置 fixed_aspect=False 或提供固定的 widthheight 值。

API

属性

属性名说明类型默认值
object要显示的字符串或对象str, object None
alt_text添加到图像标签的替代文本。当用户无法加载或显示图像时显示替代文本str None
embed如果给定图像 URL,这决定图像是否将被嵌入为 base64 或仅链接到boolean False
fixed_aspect是否强制图像的宽高比相等boolean True
link_url使图像可点击并链接到其他网站的链接 URLstr None
styles指定 CSS 样式的字典dict {}
sizing_mode尺寸调整模式str 'fixed'
width宽度int, str None
height高度int, str None
min_width最小宽度int None
min_height最小高度int None
max_width最大宽度int None
max_height最大高度int None
margin外边距int, tuple 5
css_classesCSS类名列表list []

Slots

插槽名说明
default自定义默认内容

Controls

src/examples/panel_vuepy/panes/GIF

GIF 图片已经加载完毕