waterImageMark

addMark clearCache

为帮助用户更好更快的使用模块,论坛维护了一个,示例中包含示例代码、知识点讲解、注意事项等,供您参考。

waterImageMark是一个手机端图片添加水印插件,主要实现如下功能:

一、文字水印的自定义

二、图片logo水印自定义

1、图片的间距
2、图片的定位
3、图片的间距
4、图片的旋转
5、图片的透明度
6、图片的宽高设置(待实现)
7、图片的变形(待实现)

addMark({params}, callback(ret))

imagePath:

  • 类型:字符串
  • 描述:必填值,需要添加水印的路径(真实路径)
  • 默认值:空
  • 内部字段:

markPath:

  • 类型:字符串
  • 描述:选填值,添加在图片上的logo水印
  • 默认值:空
  • 内部字段:

savePath:

  • 类型:字符串
  • 描述:选填值,水印图片保存的输出位置
  • 默认值:更目录/waterImageMark
  • 内部字段:

margin:

  • 类型:JSON对象
  • 描述:水印的微调x和y轴的间距(注意在水印位置为10时该属性无效)
  • 默认值:x轴为0、y轴为0
  • 内部字段:

compress:

  • 描述:输出水印图片的压缩率
  • 默认值:100(不压缩)~0(越低压缩越厉害)
  • 内部字段:

position:

  • 类型:JSON对象
  • 描述:水印位置,当type取值为9时x、y必填,当为10时margin参数无效
  • 默认值:type默认值为0
  • 类型:JSON对象
  • 描述:文字水印的参数
  • 默认值:
  • 内部字段:
  1. rotation ----> -360~360
  2. font ----> 同水印logo需真实路径
  3. backgroundColorAlpha----> alpha
  4. shader 渐变
  5. colorList 渐变色数组
  6. shaderX: 渐变X坐标,
  7. shaderY: 渐变Y坐标,
示例代码
  1. var param = {
  2. imagePath: "/storage/emulated/0/UZMap/A0000000000001/picture/p-d84d51d5.jpg",
  3. markPath: "/storage/emulated/0/UZMap/A0000000000001/picture/p-d84d51d5.jpg",
  4. margin: {
  5. x: 180,
  6. y: 180
  7. },
  8. type: 1,
  9. x: 100,
  10. y: 100
  11. },
  12. textAttr: {
  13. text: "测试水印效果",
  14. size: 50,
  15. color: "#000000",
  16. alpha: 255,
  17. rotation: 45,
  18. font: "",
  19. backgroundColor: "#00ff00",
  20. backgroundColorAlpha: 255,
  21. colorList: ["#ff0000","#0000ff"],
  22. shaderX: 100,
  23. shaderY: 100,
  24. }
  25. },
  26. };
  27. uzmodulemarkdemo.addMark(param, function(ret, err){
  28. console.log(JSON.stringify(ret));
  29. });
可用性

iOS、Android系统

可提供的1.0.0及更高版本

获取图片信息

getImageObject({params}, callback(ret))

imagePath:

  • 类型:字符串
  • 描述:必填值,需要获取图片信息的路径(真实路径)
  • 默认值:空
  • 内部字段:
示例代码
  1. var param = {imagePath: "/storage/emulated/0/UZMap/A0000000000001/picture/p-d84d51d5.jpg"};
  2. uzmodulemarkdemo.getImageObject(param, function(ret, err){
  3. console.log(JSON.stringify(ret));
  4. })

清除图片缓存数据

clearCache(callback(ret))

示例代码
  1. uzmodulemarkdemo.clearCache(function(ret, err){
  2. })