html给文本框添加文字水印,用canvas给界面添加文字水印

Document

asasas

asasas

asasas

asasas

asasas

asasas

asasas

asasas

asasas

asasas

asasas

asasas

asasas

asasas

(function() {

$('#WaterMark').css({

"position": "absolute",

"left": "0",

"top": "50px",

"height": $(document).height()-50,

"opacity": "1",

"width": "100%",

"z-index": "900"

});

var canvas = document.getElementById('can');

if(!canvas.getContext) {

//你的浏览器不支持canvas!

return;

}

ctx = canvas.getContext('2d');

ctx.font="30px Microsoft YaHei";

ctx.rotate(-45*Math.PI/180);

ctx.fillStyle = 'rgba(0, 0, 0, 0.1)';

ctx.fillText("Hello World",-100,220);

document.getElementById('WaterMark').style.backgroundImage = 'url("' + ctx.canvas.toDataURL() + '")';

})();