- 资源分类 : Xiuno教程
- 版本要求 : 4.0.4及以上
- :
本教程适用于xiuno4.0.4,用于开启自带的水印功能!
3 Z, u7 w& Y' l' U5 K1,自备水印图片,改名并上传到view/img/water-small.png,后续水印将直接使用该图片!4 }6 L. x; B0 M# @1 {
* a2 x7 \0 g! W" ]/ @* d
( r. s" ~9 B7 l0 q; c# O
) V6 S) ~2 N# p$ F7 n1 J- h
2,使用notepad++等代码编辑器打开文件view/js/xiuno.js,找到大概1200行,修改如下代码
4 t7 U: S1 }5 o6 r& o6 ]- 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();
- }
复制代码
' Y& Z, D6 S2 ]- K; U0 E" {主要修改最小水印添加图片宽度限制,默认是400px,你可修改为其他限制!2 t8 D+ Q& A/ L* o, T9 j2 g2 K
$ L; o( M1 s6 {. ]# X# E4 s
教程结束!水印开启成功!
X' ~! r2 b# e1 D9 w- q8 A; z! j9 y' l; y+ N, P: w1 g0 A
/ U( {4 h s' f9 U0 C( c0 n1 \* t
|
|