最近更新时间:2022.09.23 10:31:48
首次发布时间:2022.08.31 11:00:53
您可以通过图文水印配置项,在上传至 veImageX 的图片中添加文字、图片或图文组合水印。本文将为您介绍图文水印类型、注意事项、使用方法和相关案例讲解。
说明
在使用 URL 动态输入时,您可以通过自定义结果图访问 URL 上参数值,从而获取多个水印效果结果图。例如访问 URL 为:http(s)://域名/图片URI~模板名称:watermark_text.content.png,其中watermark_text.content
为自定义文本水印值。
veImageX 支持图片 + 文字的组合水印配置,下图为您展示了图文水印组合案例中的部分参数介绍。
示例图访问地址如下所示,您可在网站输入该地址并自定义文本水印,查看多种水印图片效果:
http://p3-mofang.byteimg.com/tos-cn-i-x9vch4xmek/example.jfif~tplv-x9vch4xmek-watermark-v1:dmVJbWFnZVgg5Zu-54mH5pyN5Yqh.image
您可以通过登录 veImageX 控制台创建图文水印模板,具体操作详情请参考新建模板。
说明
如果需要添加多张水印图或多个文字水印,您可以增加多个图文水印配置,单个配置仅支持上传一张水印图。
如果您已在控制台创建好模板,则在控制台获取您的水印结果图访问地址的具体操作请参考获取结果图 URL。
您可以通过调用 CreateImageTemplate创建您的图文水印模板,veImageX 也支持在该接口与其他功能进行组合配置创建模板。
说明
如果需要添加多张水印图或多个文字水印,您可以增加多个 Filters 配置,单个配置仅支持上传一张水印图。
在创建模板后,您可以通过调用 GetResourceURL获取经模板处理后的结果图访问地址。
在调用 CreateImageTemplate 接口创建模板时,您需要设置Filters
组合参数配置您的图片处理功能配置,具体的参数配置请参考图片编辑数据结构。
Name
取值为watermark
:即图文水印功能名称;Param
为具体的操作参数:Key
为图文水印各参数名称,Value
为相应图文水印参数设置。上图案例配置的部分关键参数如下所示:
"Filters":[ { "Name":"watermark", "Param":{ "adapt.dx":90, //绝对位置下水平边距为90px "adapt.dy":90, //绝对位置下垂直边距为90px "adapt.location":3, //图文水印所在指定位置为3,即原图右上角 "adapt.wratio":0.25, //图文水印相对于底图的宽度最小值 "adapt.wratio_max":0.7, //图文水印相对于底图的宽度最大值 "adapt.xm_max":0, //图文水印水平边距最大值 "adapt.xmratio":0, //相对位置下图文水印水平边距 "adapt.xym_same":true, //水平和垂直边距保持相同 "adapt.ym_max":0, //图文水印垂直边距最大值 "adapt.ymratio":0, //相对位置下图文水印垂直边距系数 "pic.opacity":100, //水印图片的透明度 "pic.uri":"tos-cn-i-nn**mq/85**71.png", //上传的水印图片 URI "text.align":0, //多行文本对齐方式为左对齐 "text.color":"#FFFFFF", //文本颜色为白色 "text.content":"veImageX 图片服务", //文本水印内容 "text.dx":310, //文本水印相对于图片水印的水平偏移量为310px "text.dy":100, //文本水印相对于图片水印的垂直偏移量为100px "text.font":"思源黑体", //文本水印字体格式 "text.linespace":0.25, //多行文本行间距为0.25px "text.location":3, //文本水印在图片水印下侧 "text.opacity":100, //文本水印的透明度为100 "text.shadow":false, //文本水印不带阴影 "text.size":80, //文本的字号为80磅 "water.angle": 0, //水印旋转角度为0 "water.full":false, //不开启水印铺满 "water.random":false //水印位置为指定位置 } } ]