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

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

一、开启传图水印

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

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

▲开启传图水印开关

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

二、设置文字水印

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

▲传图水印生效尺寸

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

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

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

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

▲文字水印字体设置

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

▲文字水印字体颜色

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

▲文字水印偏转角度

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

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

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

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

三、设置图片水印

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

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

四、怎么用？

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

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

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

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

c++设置单元格填充色_更改数据后单元格自动填充颜色，从此以后再也不用核对数据了...
Hello,大家好,今天跟大家分享下如何实现更改数据后自动填充颜色.工作中我们每个人几乎都会遇到数据核对的问题,如果数据稀少核对起来还比较快,但是如果数据很多核对起来就会很浪费时间,但是如果我们对表格 ...
wps，根据下拉列表选项自动填充颜色
1.插入下拉选择项数据----插入下拉列表 2.插入下拉列表,选项选择时候,自动填充颜色全选数据,选择开始>条件格式>新建规则,规则类型选择"只为包含以下内容的单元格设置格式 ...
html图片加文字批量处理,图片批量加水印工具，图片批量添加文字|图片同时添加文字或图片水印...
一般在网上下载的图片都会自动带有相应网站的文字或是图片水印,虽然可能在使用图片素材的时候,图片上的水印会在一定程度上影响美观,但是水印是对于版权或者是原创的一个保护,图片水印不仅是可以保护别人的原创图 ...
java图片上传下载_java实现文件的上传和下载
1. servlet 如何实现文件的上传和下载? 1.1上传文件参考自:http://blog.csdn.net/hzc543806053/article/details/7524491 通过前台选 ...
php图片写入带问号_php实现图片上传时添加文字和图片水印技巧
本文实现的功能特别适用于一些商城和图片站中,分享了图片在上传时添加文字和图片水印的技巧,供大家参考,具体内容如下 1. water.class.php header('Content-Type:tex ...
php给图片加图片水印,php给图片添加文字或图片水印实现代码
原标题:php给图片添加文字或图片水印实现代码一.文字水印文字水印就是在图片上加上文字,主要使用gd库的imagefttext方法,并且需要字体文件.效果图如下: $dst_path = 'dst ...
.net mvc + layui做图片上传（二）—— 使用流上传和下载图片
摘要:上篇文章写到一种上传图片的方法,其中提到那种方法的局限性,就是上传的文件只能保存在本项目目录下,在其他目录中访问不到该文件.这与浏览器的安全性机制有关,浏览器不允许用户用任意的路径访问服务器上的 ...
手把手教你如何通过Java给图片添加文字和图片水印
本文首发于个人网站前言最近工作上有个需求,动态生成一张图片,具体来说就是基于模版图片动态添加文字和图片(文字内容不同,图片数目不同),其中文字大小不全一样,且对位置有所要求. 本文将剖析多个技术方 ...
纯java处理图片拼接（背景上边添加文字和图片）
好消息,百度网盘专业搜索网站上线了打开瞧一瞧:[url]http://bitar.cn[/url] package com.pic; import java.awt.Color;import jav ...

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

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

最新文章

热门文章