【即将关站通知●已关闭注册功能】,倒计时剩余:计算中...

xiuno4.0.4开启图片水印教程

[复制链接]
魔趣吧站长魔趣吧官方成员 实名认证 发表于 2020-3-28 23:10:51 | 显示全部楼层 |阅读模式
全新xiuno专业插件模板教程交流站:【xiuno顶尖网】欢迎你!
本教程适用于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
xiuno4.0.4开启图片水印教程 ( 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 ]
  1. var water_width = water_img.width;
  2.                         var water_height = water_img.height;
  3.                         if(img_width > 400 && img_width > water_width && water_width > 4) {//这里限制了水印添加的条件,可自行修改!
  4.                                 var x =  img_width - water_width - 16;
  5.                                 var y = img_height - water_height - 16;
  6.                                
  7.                                 // 参数参考:https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage
  8.                                 ctx.globalAlpha = 0.3; // 水印透明度
  9.                                 ctx.beginPath();
  10.                                 ctx.drawImage(water_img, 0, 0, water_width, water_height, x, y, water_width, water_height);        // 将水印图像绘制到canvas上
  11.                                 ctx.closePath();
  12.                                 ctx.save();
  13.                         }
复制代码

' 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
xiuno4.0.4开启图片水印教程 / U( {4 h  s' f9 U0 C( c0 n1 \* t

魔趣吧版权声明1,本文内容及相关资源来源于网络,版权归版权方所有!本站原创内容版权归本站所有,请勿转载!
2,本文内容仅代表作者本人观点,不代表本网站立场,作者文责自负,本站资源仅供学习研究,请勿非法使用,否则后果自负!请下载后24小时内删除!
3,本文内容,包括但不限于源码、文字、图片等,仅供参考使用,本站不对其安全性,正确性等作出保证。但本站会尽量审核会员发表的内容
4,如您认为本文内容侵犯了您的权益,请与我们联系!我们将在5个工作日内做出处理!本站保留全部修改、解释、更新本声明的权利魔趣吧

回复

使用道具 举报

看看
回复 支持 反对

使用道具 举报

11223实名认证 --来自移动端 | 显示全部楼层
无法添加水印啊
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

在线支持
关闭
欢迎来到魔趣吧
如果你有建站技术问题、仿站需求、模板插件修改需求,请联系我们的技术支持!高效率,低价格的帮你搞定!
请认准魔趣吧唯一官网:www.moqu8.com,谨防假冒网站!

一般问题请到【求助区】发帖咨询(免费)!

邮箱咨询:
winkill2012@qq.com

邮箱咨询需注明:资源地址+本站用户名+具体问题,三者缺一不做处理。非本站资源不处理!
在线支持
快速回复 返回列表

关于魔趣吧|魔趣建站

魔趣吧,志在打造全国最大的建站资源共享平台。 本站提供海量免费的建站资源,包括WordPress模板、Discuz精仿模板、PHPWind模板、phpcms模板、Discuz精仿插件、帝国cms模板、织梦模板等上万精品模板!同时,提供各种建站素材、JS特效、整站程序源码!
服务中文站长,传播分享精神!建站,就来魔趣吧!!
2015-2024 魔趣吧 ( 豫ICP备2021024354号 )   豫公网安备41030402000182号 百度统计
HTTPS安全认证
|网站地图 | 已运行:天 
温馨提示:本站所有资源、教程、源码,不得用于非法站点及用途,否则,本站将终止提供任何服务! Powered by Discuz! Licensed