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

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

web_qdkf

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

阅读量2.2k

点赞数 1

分类专栏： js

本文链接：https://blog.youkuaiyun.com/web_qdkf/article/details/103636598

版权

js 专栏收录该内容

14 篇文章

订阅专栏

依赖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);
	});
},