uniapp 图片涂鸦、画笔 Ba-ImagePaint

图片涂鸦、画笔 Ba-ImagePaint

截图展示

使用方法

在 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（文档）

uniapp 图片涂鸦、画笔 Ba-ImagePaint相关推荐

android图片涂鸦，具有设置画笔，撤销，缩放移动等功能(一)
该项目的代码已经重构,采用了新框架,强烈建议查看<Android全新图片涂鸦框架Doodle--多功能.可自定义.可扩展> (旧代码暂时不维护了,所以推荐还是使用最新框架吧!也希望大伙支持 ...
linux手写涂鸦代码,canvas实现图片涂鸦功能（附代码）
本篇文章给大家带来的内容是关于canvas实现图片涂鸦功能(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 需求需要对图片进行标注,导出图片. 需要标注N多图片最后同时保存. ...
android 橡皮擦功能吗,android,安卓开发_Android 图片涂鸦橡皮擦功能，android,安卓开发 - phpStudy...
Android 图片涂鸦橡皮擦功能最近在做一个画板功能,大致的不同颜色画笔.不同粗细已经实现. 参照的是该教程:android-drawing-app 现在要做的功能是,从相册或者相机导入图像,然后 ...
php 涂鸦,canvas实现图片涂鸦功能（附代码）
本篇文章给大家带来的内容是关于canvas实现图片涂鸦功能(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 需求需要对图片进行标注,导出图片. 需要标注N多图片最后同时保存. ...
uni 根目录路径_如何解决uniapp图片路径错误问题
uniapp图片路径错误的解决办法:1.在根目录"manifest.json"中配置h5下的"publicPath":2.在h5配置中运行的基础路径进行配置即可 ...
android 涂鸦之图片叠加,android图像处理系列之七－－图片涂鸦，水印－图片叠加...
图片涂鸦和水印其实是一个功能,实现的方式是一样的,就是一张大图片和一张小点图片叠加即可.前面在android图像处理系列之六--给图片添加边框(下)-图片叠加中也讲到了图片叠加,里面实现的原理是直接操 ...
uni-app 图片自适应视图容器
uni-app 图片自适应视图容器 uni-app中图片直接加background-size,等设置尺寸的属性无效例 <view><image style="backgr ...
5-6 uniapp 图片压缩
5-6 uniapp 图片压缩压缩的图片质量是从0到1的范围取值,数值越小,压缩的图片越小,我用的默认值0.92 1.02M --> 229KB 2.53M --> 523KB 3.46 ...
uniapp 图片上传与展示
项目场景: uniapp 图片上传阿里 OSS 对象存储需求描述: H5移动端开发中需要用户上传图片头像.身份证件等需求时.需要将图片上传至阿里oss中存储,并且下载到当前页面进行展示. 解决方 ...