基于watermark.js给图片添加水印

最新推荐文章于 2024-05-12 10:06:43 发布

原创最新推荐文章于 2024-05-12 10:06:43 发布 · 2.3k 阅读

3 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

14 篇文章

订阅专栏

本文详细介绍了如何使用watermark.min.js文件为图片添加水印，包括文件导入方式、参数设置及错误处理等关键步骤，为开发者提供了一种简单实用的水印添加方案。

依赖watermark.min.js文件

import watermark from "../../asset/watermark.min.js";

/***
 *fileUrl 文件地址
 *callBack 回调函数
 **/
function addWatermark(fileUrl, callBack) {
    // upperLeft左上；lowerLeft左下；upperRight右上；lowerRight右下；center：居中
	watermark(['' + fileUrl + ''])
       .image(watermark.text.lowerRight('水印名称', '36px serif', '#000')).then((img) => {
		  callBack(img);
	   }).catch(function(error) { //加上catch 
	    console.log(error);
	});
},