欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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()
}