alimask 是一个使用 canvas 生成类似阿里巴巴内部网站水印图片的 JavaScript 库。Online demo here.
1. Install
npm install alimask
Then import it.
<script type="text/javascript" src="dist/alimask.min.js"></script>
// or
var alimask = require('alimask');
// or
import alimask from 'alimask';
Then use alimask(text, options) API.
alimask('王小为(小为) 888888');
alimask('王小为(小为) 888888', { color: '#f6dcd7' });
alimask('小泥巴(小美) 888888', { alpha: 0.5 });
2. API
The unique API is: alimask(text, options).
-
text (String): required, the text in the watermark image.
-
options (Object): optional, the options of watermark, with keys below:
-
width (Number): default is
250. -
height (Number): default is
80. -
color (String): the text color, default is
#ebebeb. -
alpha (Float): the text alpha(0 ~ 1), default is
0.8. -
font (String): the text font style, default is
10px Arial.
-
The api return the base64 string of watermark image which can be used in css background / img tag.
3. Build & Test
npm install
npm run build
npm test
-
A common use case for watermarking is to lay one image on top of another. The following examples demonstrate some of the pre-packaged image positioning functions that come with watermark.js. Lower Rig
-
本文向大家介绍基于PHP实现生成随机水印图片，包括了基于PHP实现生成随机水印图片的使用技巧和注意事项，需要的朋友参考一下 基于PHP的GD图形库，自己生成一张图片。仅限初识GD库，实例学习。 一、需求 网站的布局用到了类似慕课网课程列表的风格，每一个课程是一个banner图，图下面是标题加简介。因为课程的数量较大没有为所有的课程设计专门的banner，所以需要按照一定的规则，来自己生成图片（本打
-
主要内容：ImageDraw,ImageFont,添加图片水印为图片添加水印能够在一定程度上避免其他人滥用您的图片，这是保护图片版权的一种有效方式。因此，当您在微博、或者博客等一些公众平台分享图片的时候，建议您为自己的图片添加一个水印，来证明这张图片属于您。 添加水印的方式的有很多种，比如通过一些图像处理软件，或者手机美图软件都可以实现添加水印的操作，但是这种操作比较复杂，甚至有些软件还不是免费的。 Pillow 库提供了添加水印的方法，操作简单，易学、易用
-
本文向大家介绍Java图片处理 (文字水印、图片水印、缩放、补白)代码实例，包括了Java图片处理 (文字水印、图片水印、缩放、补白)代码实例的使用技巧和注意事项，需要的朋友参考一下
-
本文向大家介绍php给图片加文字水印，包括了php给图片加文字水印的使用技巧和注意事项，需要的朋友参考一下 注释非常的详细了，这里就不多废话了 以上所述就是本文的全部内容了，希望大家能够喜欢。
-
本文向大家介绍java实现图片加水印效果，包括了java实现图片加水印效果的使用技巧和注意事项，需要的朋友参考一下 图片加水印代码，这些代码不常用，但是用到的时候需要注意的地方也挺多的，每次都重写比较麻烦，记下来备忘。代码是图片加水印的一般流程，可根据实际项目需要自行修改。 注：代码在JPG和PNG格式图片下测试通过，其他图片格式请自行测试和修改 代码流程在注释中写的很详细了，不多做解释。 以上就