canvas生成透明文字水印
时间: 2023-02-08 11:12:31 浏览: 115
opencv 制作具有透明度水印文字
4星 · 用户满意度95%
Canvas 是 HTML5 中的一个图形绘制 API,可以在其中绘制文本、图形等。要在 canvas 上生成透明文字水印,可以使用 canvas 的 fillText() 方法绘制文本,并设置文本的透明度。
示例代码如下:
```
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "rgba(255, 0, 0, 0.5)";
ctx.font = "40px Arial";
ctx.fillText("Watermark", 50, 50);
```
其中fillStyle的值是rgba(255, 0, 0, 0.5),其中的0.5就是代表透明度,取值在0-1之间。 fillText() 方法的第一个参数是文本内容,第二、三个参数分别是文本的 x、y 坐标。
阅读全文