diff --git a/assets/images/picture.png b/assets/images/picture.png index 95672c3..a25e961 100644 Binary files a/assets/images/picture.png and b/assets/images/picture.png differ diff --git a/ext.json b/ext.json index cf5b85c..783ffc3 100644 --- a/ext.json +++ b/ext.json @@ -9,7 +9,7 @@ "ifHaveWebSocket": "0", "ifHaveCarModular": "1", "imgOrgUrl": "https://iformall-net.s3.cn-northwest-1.amazonaws.com.cn", - "imgOrgUrl1": "https: //s3.cn-northwest-1.amazonaws.com.cn", + "imgOrgUrl1": "https://s3.cn-northwest-1.amazonaws.com.cn", "imgNewUrl": "https://ciformall.youlane.cn/img", "imgNewUrl1": "https://ciformall.youlane.cn/img1" }, diff --git a/pages/index/searchbar/detail/index.js b/pages/index/searchbar/detail/index.js index bdbdca7..1bf787a 100644 --- a/pages/index/searchbar/detail/index.js +++ b/pages/index/searchbar/detail/index.js @@ -5,7 +5,7 @@ const extConfig = wx.getExtConfigSync ? wx.getExtConfigSync() : {} let imgOrgUrl = extConfig.attr.imgOrgUrl; let imgOrgUrl1 = extConfig.attr.imgOrgUrl1; let imgNewUrl = extConfig.attr.imgNewUrl; -let imgNewUrl1 = extConfig.attr.imgNewUrl; +let imgNewUrl1 = extConfig.attr.imgNewUrl1; let app = getApp(); Page({ @@ -17,7 +17,6 @@ Page({ teljpgUrl: imgurl.teljpg.url, share01: imgurl.share01.url, actUrl: imgurl.act.url, - poster: './../../../../assets/images/picture.png', page: 1, imglist: null, shopVoList: [], @@ -77,18 +76,39 @@ Page({ // 获取宽高 let wW = that.data.windowWidth; let wH = that.data.windowHeight; + // 放大 因为不放大的话,生成的分享图会模糊。暂时先注释 ctx.scale(this.data.canvasScale, this.data.canvasScale) - + + // 首先要绘制顶部的背景图片,因为它在最底层,然后才能绘制其他内容 // 绘制背景图 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 topImageHeight = parseInt(200 * scale) let src1 = this.data.data.merchantImgUrl + `?imageView/2/w/${topImageWidth}/h/${topImageHeight}` @@ -125,7 +145,7 @@ Page({ // 绘制除了图片之外的剩余内容 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); //店铺电话 @@ -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() }, diff --git a/pages/index/searchbar/detail/index.wxml b/pages/index/searchbar/detail/index.wxml index 1455a36..da7292e 100644 --- a/pages/index/searchbar/detail/index.wxml +++ b/pages/index/searchbar/detail/index.wxml @@ -111,7 +111,7 @@ - 生成海报 + 微信朋友圈