js添加水印插件

function addWatermark(imageUrl, watermarkText) {
    const img = new Image();
    img.crossOrigin = "Anonymous"; // 解决跨域问题
    img.src = imageUrl;

    img.onload = function() {
        const canvas = document.createElement('canvas');
        canvas.width = img.width;
        canvas.height = img.height;
        const ctx = canvas.getContext('2d');

        // 绘制原始图片
        ctx.drawImage(img, 0, 0);

        // 设置水印样式
        ctx.globalAlpha = 0.5; // 透明度
        ctx.font = '30px Arial'; // 字体大小和字体
        ctx.fillStyle = 'red'; // 字体颜色
        ctx.textAlign = 'center'; // 文字居中

        // 添加水印文字
        ctx.fillText(watermarkText, canvas.width / 2, canvas.height / 2);

        // 将canvas转换为图片
        const watermarkedImageUrl = canvas.toDataURL('image/png');
        console.log(watermarkedImageUrl); // 这里可以使用水印图片
    };
}

// 使用示例
addWatermark('path/to/your/image.jpg', 'Your Watermark Text');