基于watermark.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);});
},

基于watermark.js给图片添加水印相关推荐

基于原生js的图片延迟加载
当页面图片比较多的时候,我们通常会做一个延迟加载,避免页面打开时一下子的请求数太多,加载过慢影响用户体验. 如果项目用了jquery框架,则可以直接用 jquery.lazyload.可在jquery ...
js导出图片添加水印
// js文件 let WaterMark = (() => {let painter = null// 获取画笔对象function getPainter(w,h) {if(painter = ...
js 给图片添加水印
如何在图片上添加水印? 1.把图片或者图片文件转成image元素 2.把转成的image转成canvas 3.在生成的canvas中添加水印先看效果 1.把图片或者图片文件转成image元素 fun ...
dropzone.js php,Laravel 5.1 中基于 Dropzone.js 实现图片拖拽上传及删除功能
注:本教程代码适用于Laravel 5.1版本. 1.概述 Dropzone 是目前最好的免费文件拖拽上传库,它拥有很多特性和选项以便你可以使用多种方式来自定义. 在Laravel项目集成Dropzo ...
php中实现图片自动轮播,基于vue.js实现图片轮播效果
轮播图效果: html {{sd.title}} js export default { components: { }, ready: function() { var _this=this; va ...
JS前端基于canvas给图片添加水印，并下载带有水印的图片
基于canvas给图片添加水印实现效果图图片添加水印的步骤 1.获取图片路径,将图片转换为canvas 2.canvas画布上绘制文字水印 3.水印绘制完成后,将canvas转换为图片格式 4.水 ...
使用watermark.js给HTML、Word、PPT、Excel等添加水印
转自:https://blog.csdn.net/Aria_Miazzy/article/details/99649926 使用watermark.js给HTML.Word.PPT.Excel等添加水 ...
前端实现可绘制的canvas画布_JS前端基于canvas给图片添加水印
前两天给个人网站添加了一个小功能,就是在文章编辑上传图片的时候自动给图片加上水印.给网页图片添加水印是个常见的功能,也是互联网内容作者保护自己版权的方法之一.本文简单记录一下借助canvas在前端实现 ...
html 水印插件,Watermark.js 在浏览器端添加水印插件 - 文章教程
Watermark.js 是一个 JavaScript 框架用于以批量的方式对图片插入水印.它利用 HTML5 canvas 标签实现,只要为图片添加特定的 Class 就能添加水印.采用 ES6 编 ...

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

基于watermark.js给图片添加水印相关推荐

最新文章

热门文章