正文

js动态生成水印

IP云
IP云V管理员/2 阅读
07/30
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

原理：通过动态生成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()
}