js动态生成水印
程序员文章站
2022-04-09 17:09:31
原理:通过动态生成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()
}
推荐阅读
-
js动态在form上插入enctype=multipart/form-data的问题
-
利用ASPUPLOAD,ASPJPEG实现图片上传自动生成缩略图及加上水印
-
用js实现的一个Flash滚动轮换显示图片代码生成器
-
通过js给网页加上水印背景实例
-
Vue+Element实现动态生成新表单并添加验证功能
-
JS实现动态添加DOM节点和事件的方法示例
-
jQuery实现动态生成年月日级联下拉列表示例
-
详解Vue+Element的动态表单,动态表格(后端发送配置,前端动态生成)
-
12306动态二维码在哪里 铁路12306生成动态二维码检票图文教程
-
PHP Imagick完美实现图片裁切、生成缩略图、添加水印