图片涂鸦、画笔 Ba-ImagePaint

更新记录

1.0（2022-10-10）

init

平台兼容性

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

原生插件通用使用流程：

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

付费原生插件目前不支持离线打包。
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	'图片编辑'	编辑页面标题