xiuno4.0.4开启图片水印教程 [复制链接]

moqu8 2020-3-28

2573 0
本教程适用于xiuno4.0.4,用于开启自带的水印功能!
1,自备水印图片,改名并上传到view/img/water-small.png,后续水印将直接使用该图片!

image.png

2,使用notepad++等代码编辑器打开文件view/js/xiuno.js,找到大概1200行,修改如下代码

var water_width = water_img.width;
var water_height = water_img.height;
if(img_width > 400 && img_width > water_width && water_width > 4) {//这里限制了水印添加的条件,可自行修改!
var x = img_width - water_width - 16;
var y = img_height - water_height - 16;

// 参数参考:https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage
ctx.globalAlpha = 0.3; // 水印透明度
ctx.beginPath();
ctx.drawImage(water_img, 0, 0, water_width, water_height, x, y, water_width, water_height); // 将水印图像绘制到canvas上
ctx.closePath();
ctx.save();
}


主要修改最小水印添加图片宽度限制,默认是400px,你可修改为其他限制!

教程结束!水印开启成功!

image.png

最新回复 (0)
返回
支持中心
邮箱:winkill2012@qqcom
新站优化中!部分功能尚未完善,敬请谅解!
支持中心