uniapp 微信小程序水印

我这边水印文字是动态的

html 复制代码
<view :style="{ backgroundImage: `url(${bg})` }">
javascript 复制代码
this.bg=`"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='60'><text x='20' y='5%' font-size='10' fill='rgba(153,153,153,.5)' transform='rotate(-30 80 0)' font-weight='550'>${this.userInfo.name}-${phone}</text></svg>"`

width height 调整水印图片宽高

x='20' y='5%' 调整水印文字偏移位置

font-size='10' 水印文字大小

fill='rgba(153,153,153,.5)' 水印文字颜色

transform='rotate(-30 80 0)' 水印文字旋转角度

font-weight='550' 水印文字字体权重

相关推荐
耶啵奶膘3 小时前
uniapp——地图路线绘制map
uni-app
shadouqi3 小时前
uniapp实现图片预览,懒加载,下拉刷新等
uni-app
是一碗螺丝粉5 小时前
🔥 微信H5视频自动播放终极秘籍:WeixinJSBridge竟是官方“通行证”?
微信小程序
一笑code5 小时前
vue/微信小程序/h5 实现react的boundary
微信小程序·vue·react
菌菇汤7 小时前
uni-app实现单选,多选也能搜索,勾选,选择,回显
前端·javascript·vue.js·微信小程序·uni-app·app
CC同学呀14 小时前
从0到100:单位订餐统计小程序开发日记2025
小程序
某公司摸鱼前端14 小时前
uniapp socket 封装 (可拿去直接用)
前端·javascript·websocket·uni-app
遗憾随她而去.17 小时前
uniapp 中使用路由导航守卫,进行登录鉴权
前端·uni-app
666HZ66619 小时前
微信小程序中scss、ts、wxml
微信小程序·小程序·scss