更新记录
1.0.6(2026-09-03)
下载此版本
.。。。
1.0.5(2026-08-02)
下载此版本
...
1.0.4(2026-07-31)
下载此版本
.。。。
查看更多
平台兼容性
uni-app(5.13)
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
app-nvue插件版本 |
Android |
iOS |
鸿蒙 |
鸿蒙插件版本 |
| - |
√ |
× |
× |
- |
√ |
1.0.1 |
6.0 |
15 |
20 |
1.0.1 |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
小红书小程序 |
快应用-华为 |
快应用-联盟 |
| × |
× |
× |
× |
× |
× |
× |
× |
× |
× |
× |
× |
hj-pdf-viewer
多图列表查看器插件
<template>
<view class="container">
<hj-drawing-viewer
:imageSrcs="imageSrcs"
:showAnnotations="showAnnotations"
@annotationDrawingChange="onAnnotationDrawingChange"
@error="onError"
:initialScale="1.3"
:minScale="1.0"
:maxScale="15"
/>
</view>
</template>
<script>
export default {
data() {
return {
imageSrcs: "[https://example.com/sample.png]",
};
},
};
</script>
Props
| 属性 |
类型 |
默认值 |
说明 |
| showAnnotations |
Boolean |
false |
是否展示标注层 |
Events
| 事件 |
参数 |
说明 |
| annotationDrawingChange |
{ drawing: boolean } |
标注开始或结束绘制;复用已有绘制结果时不触发 |
| error |
{ code: number, message: string, url: string, index: number, stage: string } |
组件错误事件,code 见下表 |
Error Codes
| code |
错误 |
| 1 |
URL 为空、格式不对、不是可加载资源 |
| 2 |
读不到图片宽高,尺寸探测失败 |
| 3 |
实际加载 / 解码失败 |
| 4 |
标注 JSON 解析或标注层渲染失败 |
<template>
<embed class="viewer" tag="hj-drawing-viewer" :options="drawingOptions"></embed>
</template>
<script>
import "@/uni_modules/hj-drawing-viewer";
export default {
data() {
return {
drawingOptions: {
imageSrcs: "[https://example.com/sample.png]",
initialScale: 1.3,
minScale: 1.3,
maxScale: 15
}
};
},
};
</script>