alimask 是一个使用cavas生成类似阿里巴巴内部网站水印图片的JavaScript库。Oliedemo here.
1.Istallpmistallalimask
Theimportit.
<script type="text/javascript" src="dist/alimask.mi.js"></script>// orvar alimask = require('alimask');// orimport alimask from 'alimask';Theuse alimask(text,optios) API.
alimask('王小为(小为) 888888');alimask('王小为(小为) 888888', { color: '#f6dcd7' });alimask('小泥巴(小美) 888888', { alpha: 0.5 });2.APITheuiqueAPIis: alimask(text,optios).
text (Strig):required,thetextithewatermarkimage.
optios (Object):optioal,theoptiosofwatermark,withkeysbelow:
width (Number):defaultis 250.
height (Number):defaultis 80.
color (Strig):thetextcolor,defaultis #ebebeb.
alpha (Float):thetextalpha(0~1),defaultis 0.8.
fot (Strig):thetextfotstyle,defaultis 10pxArial.
Theapiretur thebase64strigofwatermarkimage whichcabeusedicssbackgroud/imgtag.
3.Build&Testpmistall
pmrubuild
pmtest
评论