面板组件 ： 图片查看器

图片查看器用于根据配置的数据源展示图片。

组件配置

• ID : 设置组件的ID， 用于在脚本或模板中获取组件实例。
• 数据类型 : 设置图片数据的类型， 支持二进制数据， Base64编码， URL地址三种类型。
• 图片格式 : 设置图片数据的格式。
• 脚本 : 组件的脚本配置， 用于自定义组件的行为。
• 坐标X : 设置X轴的坐标。
• 坐标Y : 设置Y轴的坐标。
• 坐标Z : 设置Z轴的坐标。
• 数据源-图片 : 设置组件的图片数据源。
• 高度 : 设置组件的高度。
• 宽度 : 设置组件的宽度。

脚本

脚本上下文 $this

$this 为当前组件实例，您可以通过 $this 对象调用组件的各种方法。

▲ 组件初始化

void init()

当组件存在init方法时，组件初始化时会调用该方法。

脚本示例：

export function init() {
    // your code here
}

▲ 设置/获取图片值

<Buffer|string> value(<Buffer|string> value)

请求参数：

• value : <二进制数据|Basement4字符串|URL> 可选项， 设置当前图片数值。

返回值：<数值> 当前显示图片数据

模板示例：

{{$widget("imageViewer").value()}}

脚本示例：

// 设置数值内容
$this.value(Buffer.from('xxxxx'));
$widget("imageViewer").value('https://example.com/image.jpg');

// 获取数值内容
let value = $this.value();
let value = $panel.widget("imageViewer").value();