Vue.py

外观

本页目录

JPG 图像 ​

PnJpg 组件如果提供本地路径，则将 .jpg 或 .jpeg 图像文件嵌入到面板中，或者如果提供 URL，则会链接到远程图像。

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

基本用法 ​

PnJPG 组件可以指向任何本地或远程 .jpg 文件。如果给定以 http 或 https 开头的 URL，则 embed 参数决定图像是嵌入还是链接到：

调整大小 ​

我们可以通过设置特定的固定 width 或 height 来调整图像的大小：

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

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

API ​

属性 ​

属性名说明类型默认值
object要显示的 JPEG 文件。可以是指向本地或远程文件的字符串，或具有 _repr_jpeg_ 方法的对象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/JPG

在 GitHub 上编辑此页