js动态生成水印
程序员文章站
2022-06-24 14:36:35
原理:通过动态生成canvas然后转为base64格式 代码Demo export const waterMark = (text) = { let _wm = document.createElement('canvas') _wm.setAttribute('width',150) _wm.se ......
原理:通过动态生成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()
}