移动端利用canvas制作水印的原理是在需要放置水印的地方放入canvas。 我把这个canvas放在了html的body上；
js代码如下所示
functionaddwatermarker{
var can=document.createelement (canvas )；
var body=document.body；
body.appendchild(can；
//文字很多，可以适当调整高兴的龙猫
can.width=200；
can.height=100；
can.style.display=‘none’；
varcans=can.getcontext(2d )；
cans.rotate(-20*math.pi/180 )；
cans.font=“16px Microsoft Yahei”
cans.fillstyle=“rgba (17，17，17，0.20 )”
cans.textalign=‘left’；
cans.text baseline=‘middle’；
cans.filltext(str，0，can.height - 10 )；
body.style.background image=" URL () can.todataurl (" image/png " ) )。"
}
使用时，直接在页面上调用
addwatermarker(「XXX”； //添加水印
结果如下图所示。