当前位置： 移动技术网 > IT编程>开发语言>JavaScript > js动态生成水印

js动态生成水印

2019年04月16日  | 移动技术网IT编程  | 我要评论

原理：通过动态生成canvas然后转为base64格式
代码demo
export const watermark = (text) =>{
let _wm = document.createelement('canvas')
_wm.setattribute('width',150)
_wm.setattribute('height',100)
let ctx = _wm.getcontext('2d')
ctx.fillstyle = '#d2d2d2'
ctx.font= "13px 宋体"
ctx.translate(60,50)
ctx.rotate(-0.5)
//ctx.fillrect()
ctx.filltext(text,0,0)
return _wm.todataurl()
}

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网