xiuno水印的方法-教程-Xiuno BBS

热门分类

xiuno水印的方法

cindy (UID: 38) 6天前 [复制链接]

帖子链接已复制到剪贴板

21 0

本教程适用于xiuno4.0.4，用于开启自带的水印功能！
1，自备水印图片，改名并上传到view/img/water-small.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，你可修改为其他限制！
水印开启成功！记得刷新缓存清理！

这家伙太懒了，什么也没留下。