前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >调整XiunoBBS上传大尺寸图片加水印错位和水印透明度 配置 JavaScript Xiu

调整XiunoBBS上传大尺寸图片加水印错位和水印透明度 配置 JavaScript Xiu

作者头像
奇梦
发布2018-07-18 16:05:16
7170
发布2018-07-18 16:05:16
举报
文章被收录于专栏:奇梦博客奇梦博客

XiunoBBS论坛已经上线了图片水印功能,不过大尺寸图片添加水印会错位或者看不到,这是JS文件默认值限制了;

程序里找到 view/js/xiuno.js 打开,找到1117行、1257行,默认宽度1200px,根据自身情况调整大点即可;

代码语言:javascript
复制
xn.upload_file = function(file, upload_url, postdata, complete_callback, progress_callback, thumb_callback) {
	postdata = postdata || {};
	postdata.width = postdata.width || 1600; //默认宽度
	postdata.height = postdata.height || 2800; //默认高度
代码语言:javascript
复制
//对图片进行裁切,缩略,对黑色背景,透明化处理
xn.image_resize = function(file_base64_data, callback, options) {
	var thumb_width = options.width || 1600; //默认宽度
	var thumb_height = options.height || 2800; //默认高度

默认添加图片水印透明度找到1207行调整即可;

代码语言:javascript
复制
				ctx.globalAlpha = 1; // 水印透明度
				ctx.beginPath();
				ctx.drawImage(water_img, 0, 0, water_width, water_height, x, y, water_width, water_height);	// 将水印图像绘制到canvas上 
				ctx.closePath();
				ctx.save();
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档