更新记录

1.0(2022-10-10)

init


平台兼容性

Android Android CPU类型 iOS
适用版本区间:4.4 - 14.0 armeabi-v7a:支持,arm64-v8a:支持,x86:支持 ×

原生插件通用使用流程:

  1. 购买插件,选择该插件绑定的项目。
  2. 在HBuilderX里找到项目,在manifest的app原生插件配置中勾选模块,如需要填写参数则参考插件作者的文档添加。
  3. 根据插件作者的提供的文档开发代码,在代码中引用插件,调用插件功能。
  4. 打包自定义基座,选择插件,得到自定义基座,然后运行时选择自定义基座,进行log输出测试。
  5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项:使用HBuilderX2.7.14以下版本,如果同一插件且同一appid下购买并绑定了多个包名,提交云打包界面提示包名绑定不一致时,需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择


图片涂鸦、画笔 Ba-ImagePaint

简介

Ba-ImagePaint 是一款uniapp图片涂鸦、画笔插件,可缩放、拖动,更好的支持大图、长图,可用于图片的涂鸦,以及pdf等文档长图的标记、批改等等。

  • 支持切换画笔颜色、粗细
  • 支持橡皮擦
  • 支持拖动缩放
  • 支持上一步、下一步
  • 支持一键清空
  • 支持自定义页面标题

可与uniapp自带的 uni.chooseImage 搭配使用。

也可与原生插件 图片选择插件 Ba-MediaPicker 搭配使用。(文档

插件本身也自带选择图片方法 selectImage (参考使用方法)。

截图展示

在这里插入图片描述

使用方法

script 中引入组件

    const imagePaint = uni.requireNativePlugin('Ba-ImagePaint')

script 中调用

        methods: {
            imageEdit() {//图片涂鸦
                imagePaint.imageEdit({
                        titleName: '涂鸦', //编辑页面标题
                        path: this.path,//原始图片路径
                        outputPath: this.outputPath,//保存图片路径
                    },
                    (ret) => {
                        console.log(ret)
                        if (ret.outputPath && ret.isImageEdit) {
                            this.path = ret.outputPath;
                        }
                    });
            },
            selectImage() {//选择图片(本插件)
                imagePaint.selectImage(
                    (ret) => {
                        console.log(ret)
                        if (ret.outputPath) {
                            this.path = ret.outputPath;
                        }
                    });
            },
            selectPicture() {//选择图片(uniapp)
                let that = this;
                uni.chooseImage({
                    count: 1, 
                    sizeType: ['original', 'compressed'],
                    sourceType: ['album'], 
                    success: function(res) {
                        console.log(JSON.stringify(res.tempFilePaths));
                        that.path = res.tempFilePaths[0];
                    }
                });
            },
        }

编辑图片 imageEdit 方法参数

属性名 类型 默认值 说明
path String '' 原始图片路径,不能为空
outputPath String /storage/emulated/0/Pictures/BaImageEditor/tietu{时间毫秒}.png 保存图片路径
titleName String '图片编辑' 编辑页面标题

编辑图片 imageEdit 回调参数

属性名 类型 说明
isImageEdit Boolean 是否编辑图片
outputPath String 图片编辑输出目录

选择图片 selectImage 回调参数

属性名 类型 说明
outputPath String 图片选择输出目录

系列插件

图片选择插件 Ba-MediaPicker文档

图片编辑插件 Ba-ImageEditor文档

文件选择插件 Ba-FilePicker文档

应用消息通知插件 Ba-Notify文档

应用未读角标插件 Ba-Shortcut-Badge文档

应用开机自启插件 Ba-Autoboot文档

扫码原生插件(毫秒级、支持多码)文档

扫码原生插件 - 新(可任意自定义界面版本)文档

动态修改状态栏、导航栏背景色、字体颜色插件 Ba-AppBar文档

原生sqlite本地数据库管理 Ba-Sqlite文档

安卓保活插件 Ba-KeepAlive文档

安卓快捷方式(桌面长按app图标) Ba-Shortcut文档

自定义图片水印 Ba-Watermark文档

视频压缩插件 Ba-VideoCompressor文档

动态切换应用图标、名称(如新年、国庆等) Ba-ChangeIcon文档

原生Toast弹窗提示(可穿透界面) Ba-Toast文档

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问