如何让图片在html中自动填充颜色,如何使用传图水印功能在图片上传时自动添加文字或图片水印？...

下面我们来了解一下小蚂蚁编辑器的功能“传图水印”！开启传图水印功能后，所有上传的图片会自动添加文字或图片水印，并且支持自定义设置水印的展现形式。

一、开启传图水印

① 鼠标移动到首页右上角用户头像，点击“我的资料”进入个人中心，在系统设置中选择“传图水印”。

② 水印开关默认是关闭的，点击开关按钮，使其从灰色的“OFF”切换到橙色的“ON”即可打开水印开关，再次点击可关闭水印。

▲开启传图水印开关

水印开关开启后，我们能看到共有两种水印形式：文字水印和图片水印。下面我们来详细介绍这两种水印的设置方法。

二、设置文字水印

文字水印的设置，包括文字的内容、字体、颜色、偏转角度等。下面几点需要在设置时注意(觉得步骤太长的，可以看下面的动图示例)：① 生效尺寸

▲传图水印生效尺寸

水印的生效尺寸，即只有当上传的图片尺寸>该尺寸时，图片才会被打上水印。需要注意的是，图片尺寸与生效尺寸相同时，也会被打上水印。

设置生效尺寸的目的是为了筛选出不需要添加水印的图片(例如图片尺寸较小时，添加水印会影响阅读体验)，以达到最好的水印显示效果。

文字水印生效尺寸的设置，应当结合水印文字的字体大小，以及需要的显示效果综合考虑。为了排除尺寸较小的图片，可以将生效尺寸设置宽高为200~300像素。

② 水印文字的内容、字体、颜色和大小文字内容不建议添加的过长，建议在7~8个字以内，以免影响图片的美观性。水印文字目前支持方正兰亭黑、方正书宋、方正楷体、方正黑块和方正仿宋等5种字体。

▲文字水印字体设置

鼠标点击字体颜色后的文本框会弹出调色板，配色方案、系统色、点击右侧的三个小点点，或者在最下方的框框输入颜色值均可选择文字水印的颜色；选择颜色后点击使用即可；历史颜色记录则是记录曾用过的颜色；

▲文字水印字体颜色

③ 偏转角度默认文字的偏转方向为逆时针旋转，推荐设置为0度(即不旋转)或45度。

▲文字水印偏转角度

④ 水印位置可以选择文字水印在图片上显示的位置，可以结合需要自定义。

▲文字水印在图片上的位置

上述参数设置完成后，一定要记得点击底部的“更新”按钮进行保存。

▲文字水印设置GIF动图演示

三、设置图片水印

设置图片水印前，需要先切换水印类型为“图片”。点击“本地上传”按钮，将提前制作好的图片设置为水印。这里需要注意，为了不影响图片的美观程度，推荐设置水印的图片为透明底的png格式的图片。与文字水印相同，图片水印同样可以设置生效尺寸和水印的显示位置，这里不再赘述。设置完成后点击“更新”按钮保存。

▲图片水印设置GIF动图演示

四、怎么用？

设置完成后，选择文字水印、图片水印其一，这里以图片水印为例：

可通过以下两个途径进行传图，此时上传的图片就已打上了图片水印；

巧妙地使用传图水印能够起到非常棒的效果，感兴趣的小伙伴快来尝试一下吧~