js给base64图片添加水印

你可以使用Canvas API来给base64图片添加水印。下面是一个示例代码：

// 创建一个新的Image对象
var image = new Image();

// 设置图片的src属性为base64格式的图片数据
image.src = 'data:image/png;base64,iVBORw0KG...';

// 当图片加载完成后执行回调函数
image.onload = function() {
  // 创建一个Canvas元素
  var canvas = document.createElement('canvas');
  var context = canvas.getContext('2d');

  // 设置Canvas的宽度和高度与图片一致
  canvas.width = image.width;
  canvas.height = image.height;

  // 在Canvas上绘制原始图片
  context.drawImage(image, 0, 0);

  // 设置水印文本样式
  context.font = 'bold 20px Arial';
  context.fillStyle = 'rgba(255, 255, 255, 0.5)';
  context.textAlign = 'center';
  
  // 添加水印文本
  context.fillText('Watermark', canvas.width / 2, canvas.height / 2);

  // 将Canvas转换为base64格式的图片数据
  var watermarkedImage = canvas.toDataURL('image/png');

  // 在控制台输出带水印的base64图片数据
  console.log(watermarkedImage);
};

这段代码首先创建一个新的Image对象，然后将其src属性设置为base64格式的图片数据。当图片加载完成后，会执行回调函数，在回调函数中创建一个Canvas元素，并设置其宽度和高度与图片一致。然后，在Canvas上绘制原始图片，并添加水印文本。最后，将Canvas转换为base64格式的图片数据并输出到控制台。你可以根据需要修改水印文本的样式和位置。