waterImageMark
为帮助用户更好更快的使用模块,论坛维护了一个,示例中包含示例代码、知识点讲解、注意事项等,供您参考。
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对象
- 描述:文字水印的参数
- 默认值:
- 内部字段:
rotation ----> -360~360
font ----> 同水印logo需真实路径
backgroundColorAlpha----> 同alpha
shader 渐变
colorList 渐变色数组
shaderX: 渐变X坐标,
shaderY: 渐变Y坐标,
示例代码
var param = {
imagePath: "/storage/emulated/0/UZMap/A0000000000001/picture/p-d84d51d5.jpg",
markPath: "/storage/emulated/0/UZMap/A0000000000001/picture/p-d84d51d5.jpg",
margin: {
x: 180,
y: 180
},
type: 1,
x: 100,
y: 100
},
textAttr: {
text: "测试水印效果",
size: 50,
color: "#000000",
alpha: 255,
rotation: 45,
font: "",
backgroundColor: "#00ff00",
backgroundColorAlpha: 255,
colorList: ["#ff0000","#0000ff"],
shaderX: 100,
shaderY: 100,
}
},
};
uzmodulemarkdemo.addMark(param, function(ret, err){
console.log(JSON.stringify(ret));
});
可用性
iOS、Android系统
可提供的1.0.0及更高版本
获取图片信息
getImageObject({params}, callback(ret))
imagePath:
- 类型:字符串
- 描述:必填值,需要获取图片信息的路径(真实路径)
- 默认值:空
- 内部字段:
示例代码
var param = {imagePath: "/storage/emulated/0/UZMap/A0000000000001/picture/p-d84d51d5.jpg"};
uzmodulemarkdemo.getImageObject(param, function(ret, err){
console.log(JSON.stringify(ret));
})
清除图片缓存数据
clearCache(callback(ret))
示例代码
uzmodulemarkdemo.clearCache(function(ret, err){
})