tui-image-editor 添加水印

tui-image-editor 是一个用于图像编辑的JavaScript库，它提供了一套简单易用的API来实现图像的上传、编辑和保存等功能。要在图片上添加水印，你需要使用该库提供的相关API来实现。以下是一个基本的步骤，用于在tui-image-editor中添加水印：

1. 首先，确保你的页面已经包含了tui-image-editor的JavaScript库文件以及CSS样式文件。

2. 创建一个tui-image-editor实例。

3. 使用API中的方法来添加水印。tui-image-editor提供了添加文本水印和图像水印两种方式。

例如，添加文本水印的代码可能如下：

const editor = new tui.ImageEditor('#editor', {
    // ... 其他选项配置
});

// 添加文本水印
editor.addTextWatermark({
    text: 'Watermark',
    fontSize: 40,
    offsetX: 50,
    offsetY: 100,
    fill: 'rgba(0, 0, 0, 0.5)', // 水印颜色和透明度
    fontWeight: 'bold', // 字体粗细
    fontFamily: 'Arial', // 字体类型
   (Italian)     Italic: false, // 是否斜体
});

// 更新编辑器内容
editor.render();

对于图像水印，可以使用 `addImageWatermark` 方法：

const editor = new tui.ImageEditor('#editor', {
    // ... 其他选项配置
});

// 添加图片水印
editor.addImageWatermark({
    image: 'path/to/image.png', // 水印图片路径
    offsetX: 50,
    offsetY: 50,
    opacity: 0.5, // 水印图片的透明度
});

// 更新编辑器内容
editor.render();

添加完水印后，不要忘记调用 `render` 方法来渲染编辑器，以更新图像并显示添加的水印。