|
@@ -5,7 +5,7 @@ const extConfig = wx.getExtConfigSync ? wx.getExtConfigSync() : {} |
|
|
let imgOrgUrl = extConfig.attr.imgOrgUrl; |
|
|
let imgOrgUrl = extConfig.attr.imgOrgUrl; |
|
|
let imgOrgUrl1 = extConfig.attr.imgOrgUrl1; |
|
|
let imgOrgUrl1 = extConfig.attr.imgOrgUrl1; |
|
|
let imgNewUrl = extConfig.attr.imgNewUrl; |
|
|
let imgNewUrl = extConfig.attr.imgNewUrl; |
|
|
let imgNewUrl1 = extConfig.attr.imgNewUrl; |
|
|
|
|
|
|
|
|
let imgNewUrl1 = extConfig.attr.imgNewUrl1; |
|
|
let app = getApp(); |
|
|
let app = getApp(); |
|
|
Page({ |
|
|
Page({ |
|
|
|
|
|
|
|
@@ -17,7 +17,6 @@ Page({ |
|
|
teljpgUrl: imgurl.teljpg.url, |
|
|
teljpgUrl: imgurl.teljpg.url, |
|
|
share01: imgurl.share01.url, |
|
|
share01: imgurl.share01.url, |
|
|
actUrl: imgurl.act.url, |
|
|
actUrl: imgurl.act.url, |
|
|
poster: './../../../../assets/images/picture.png', |
|
|
|
|
|
page: 1, |
|
|
page: 1, |
|
|
imglist: null, |
|
|
imglist: null, |
|
|
shopVoList: [], |
|
|
shopVoList: [], |
|
@@ -77,18 +76,39 @@ Page({ |
|
|
// 获取宽高 |
|
|
// 获取宽高 |
|
|
let wW = that.data.windowWidth; |
|
|
let wW = that.data.windowWidth; |
|
|
let wH = that.data.windowHeight; |
|
|
let wH = that.data.windowHeight; |
|
|
|
|
|
|
|
|
// 放大 因为不放大的话,生成的分享图会模糊。暂时先注释 |
|
|
// 放大 因为不放大的话,生成的分享图会模糊。暂时先注释 |
|
|
ctx.scale(this.data.canvasScale, this.data.canvasScale) |
|
|
ctx.scale(this.data.canvasScale, this.data.canvasScale) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 首先要绘制顶部的背景图片,因为它在最底层,然后才能绘制其他内容 |
|
|
// 绘制背景图 |
|
|
// 绘制背景图 |
|
|
let bgimg1 = this.data.poterbg + `?imageView/2/w/${wW}/h/${wH}` |
|
|
let bgimg1 = this.data.poterbg + `?imageView/2/w/${wW}/h/${wH}` |
|
|
let bgimg2 = bgimg1.replace(imgOrgUrl1, imgNewUrl) |
|
|
|
|
|
ctx.drawImage(bgimg2, 0, 0, wW, wH); |
|
|
|
|
|
//绘制头像 |
|
|
|
|
|
let avatar1 = this.data.avatarUrl + `?imageView/2/w/${wW}/h/${wH}` |
|
|
|
|
|
let avatar2 = avatar1.replace(imgOrgUrl, imgNewUrl) |
|
|
|
|
|
ctx.drawImage(avatar2, 15, 10, 30 * scale, 30 * scale); |
|
|
|
|
|
// 首先要绘制顶部的背景图片,因为它在最底层,然后才能绘制其他内容 |
|
|
|
|
|
|
|
|
let bgimg2 = bgimg1.replace(imgOrgUrl1, imgNewUrl1) |
|
|
|
|
|
wx.getImageInfo({ |
|
|
|
|
|
src: bgimg2, |
|
|
|
|
|
success: function(res) { |
|
|
|
|
|
ctx.drawImage(res.path, 0, 0, wW, wH); |
|
|
|
|
|
that.drawshopimg(ctx, scale); |
|
|
|
|
|
// that.drawavatarimg(ctx, scale,wW,wH); |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
// //绘制头像 |
|
|
|
|
|
// drawavatarimg(ctx, scale,wW,wH){ |
|
|
|
|
|
// //绘制头像 |
|
|
|
|
|
// let avatar1 = this.data.avatarUrl + `?imageView/2/w/${wW}/h/${wH}` |
|
|
|
|
|
// let avatar2 = avatar1.replace(imgOrgUrl, imgNewUrl) |
|
|
|
|
|
// wx.getImageInfo({ |
|
|
|
|
|
// src: avatar2, |
|
|
|
|
|
// success: function(res) { |
|
|
|
|
|
// ctx.drawImage(res.path, 15, 10, 30*scale,30*scale); |
|
|
|
|
|
// } |
|
|
|
|
|
// }) |
|
|
|
|
|
// }, |
|
|
|
|
|
//绘制商品图片 |
|
|
|
|
|
drawshopimg(ctx, scale){ |
|
|
|
|
|
var that = this |
|
|
let topImageWidth = parseInt(315 * scale) // 因为小数有时候会请求不到图片,所以转成int |
|
|
let topImageWidth = parseInt(315 * scale) // 因为小数有时候会请求不到图片,所以转成int |
|
|
let topImageHeight = parseInt(200 * scale) |
|
|
let topImageHeight = parseInt(200 * scale) |
|
|
let src1 = this.data.data.merchantImgUrl + `?imageView/2/w/${topImageWidth}/h/${topImageHeight}` |
|
|
let src1 = this.data.data.merchantImgUrl + `?imageView/2/w/${topImageWidth}/h/${topImageHeight}` |
|
@@ -125,7 +145,7 @@ Page({ |
|
|
// 绘制除了图片之外的剩余内容 |
|
|
// 绘制除了图片之外的剩余内容 |
|
|
drawOtherContent(ctx, scale) { |
|
|
drawOtherContent(ctx, scale) { |
|
|
//昵称 |
|
|
//昵称 |
|
|
this.drawNormalText(ctx, this.data.nickName + " 向您推荐", 50 * scale, 25 * scale, 16 * scale, '#fff', 'left', 'middle', scale); |
|
|
|
|
|
|
|
|
this.drawNormalText(ctx, this.data.nickName+" 向您推荐", 30 * scale, 25 * scale, 16 * scale, '#fff', 'left', 'middle', scale); |
|
|
//店铺名 |
|
|
//店铺名 |
|
|
this.drawNormalText(ctx, this.data.data.merchantName, 180 * scale, 280 * scale, 30 * scale, '#fff', 'center', 'middle', scale); |
|
|
this.drawNormalText(ctx, this.data.data.merchantName, 180 * scale, 280 * scale, 30 * scale, '#fff', 'center', 'middle', scale); |
|
|
//店铺电话 |
|
|
//店铺电话 |
|
@@ -189,6 +209,19 @@ Page({ |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
if (this.data.qrCode) { |
|
|
|
|
|
let coImageWidth = parseInt(120 * scale) |
|
|
|
|
|
let coImageHeight = parseInt(120 * scale) |
|
|
|
|
|
let src1 = this.data.qrCode + `?imageView/2/w/${coImageWidth}/h/${coImageHeight}` |
|
|
|
|
|
let src2 = src1.replace(imgOrgUrl, imgNewUrl) |
|
|
|
|
|
wx.getImageInfo({ |
|
|
|
|
|
src: src2, |
|
|
|
|
|
success: function(res) { |
|
|
|
|
|
ctx.drawImage(res.path, 125 * scale, 425 * scale, coImageWidth, coImageHeight) |
|
|
|
|
|
ctx.draw(true) |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
wx.hideLoading() |
|
|
wx.hideLoading() |
|
|
}, |
|
|
}, |
|
|