图片编辑

使用说明

import { MImagePicker } from "@yl/super-jssdk";
MImagePicker.editImage(optional);

参数说明

参数 类型 必填 作用
optional Object 必选参数

optional

参数 类型 必填 作用
pathGroups array 待编辑图片路径&已编辑图片路径 pathGroups
options Object 可选参数。editConfig
editConfig 结构说明
字段名称 类型 说明
cropAspectRatio string 裁剪框宽高比,格式:整形数字:整形数字,如"1:1","4:3","16:9";格式不合法或不传该字段时用户可自由调整宽高比。1.2.5 版本开始生效
limits array 图片编辑功能配置项,仅在 edit=true 时生效。必须开启一个功能,否则忽略 limits 参数,开启所有功能可传入参数释义如下:limit 参数
autoSelected string 自动选中激活编辑功能 默认所有编辑功能都不主动激活 可传入参数释义如下:limit 参数

limit 参数 1.3.4 版本开始生效

limit 说明
shape 图形,如果没有传入,隐藏此功能
doodle 涂鸦,如果没有传入,隐藏此功能
text 添加文字,如果没有传入,隐藏此功能
crop 裁剪,如果没有传入,隐藏此功能
mosaic 马赛克,如果没有传入,隐藏此功能

返回说明

参数 类型 作用
resolve(path) Function 成功回调。result参照下方说明
reject(err) Function 失败回调,err 为详细的错误信息,是一个 json 对象,例如:{"errCode": -1, "errMsg":"some explain of error."}

pathGroups结构说明

[
  {
    "srcPath": "src_image_01.png",// 待编辑图片路径
    "destPath": "dest_image_02.png"// 编辑后的图片存放路径
  },
  {
    "srcPath": "src_image_01.png",
    "destPath": "dest_image_02.png"
  }
]

result结构说明

[
  {
    "code": -1,// 非0时操作失败
    "errMsg": "图片不存在",// 操作失败具体原因
    "srcPath": "src_image_01.png",// 待编辑图片路径
  },
  {
    "code": 0,// 为0时操作成功
    "srcPath": "src_image_01.png",// 待编辑图片路径
    "destPath": "dest_image_02.png"// 编辑后的图片存放路径(仅当图片编辑成功后该值才有内容返回)
  }
]

代码示例

// cordova.file.externalDataDirectory仅适用于Android,iOS本地路径参数请查阅本文档注意事项部分说明
MImagePicker.editImage({
  paths: [
    {
      srcPath: cordova.file.externalDataDirectory + 'test1.jpg',
      destPath: cordova.file.externalDataDirectory + 'edit_test1.jpg'
    },
    {
      srcPath: cordova.file.externalDataDirectory + 'test1.jpg',
      destPath: cordova.file.externalDataDirectory + 'edit_test1.jpg'
    },
  ]
})
.then(res => {
  console.log('res', res);
}).catch(err => {
  console.log('err', err);
})

results matching ""

    No results matching ""