|
|
@@ -59,15 +59,15 @@ export const addWatermark = async (canvas: any) => {
|
|
|
|
|
|
// 创建canvas DOM元素，并设置其宽高和图片一样
|
|
|
const water = document.createElement('canvas');
|
|
|
- water.width = 300;
|
|
|
- water.height = 200;
|
|
|
+ water.width = 280;
|
|
|
+ water.height = 220;
|
|
|
// 小水印画布大小
|
|
|
|
|
|
// 第一层
|
|
|
const waterCtx = water.getContext('2d') as CanvasRenderingContext2D;
|
|
|
waterCtx.clearRect(0, 0, water.width, water.height);
|
|
|
// 小水印中文字偏转角度
|
|
|
- waterCtx.drawImage(img, 100, 0);
|
|
|
+ waterCtx.drawImage(img, 80, 80);
|
|
|
const pat = ctx.createPattern(water, 'repeat');
|
|
|
ctx.fillStyle = pat;
|
|
|
ctx.fillRect(0, 0, canvas.width, canvas.height);
|
