水印的方法
feng 2021-7-30

本教程适用于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,你可修改为其他限制!
水印开启成功!记得刷新缓存清理!

最新回复 (7)
全部楼主
  • 一秀十年
    2021-7-30 2
    1
    只要把自己的水印图片替换文件里面这张图片water-small.png就行了,不用修改。
  • feng 楼主
    2021-7-31 3
    0
    一秀十年 只要把自己的水印图片替换文件里面这张图片water-small.png就行了,不用修改。
    都行
  • gaojituan
    2022-4-18 4
    0
    改图片也不行啊
  • xzfd1314
    2022-4-18 5
    0
    非常棒!!!
  • 冰淇
    9月前 6
    0
    面对如此强贴,论遇到多大阻力,只要我一息上尚存,就绝不会让它沉沦下去,这一点请楼主放心。 
  • 枕头
    6月前 7
    0
    祝xiunobbs论坛越办越好!!!
  • weige
    6月前 8
    0
    楼主,你写得实在是太好了。我惟一能做的,就只有把这个帖子顶上去这件事了。 
返回