From c2da01fe44443924475b631487954f4c5ca771ae Mon Sep 17 00:00:00 2001 From: luqc Date: Tue, 28 May 2019 16:08:07 +0800 Subject: [PATCH] =?UTF-8?q?[canvas][=E4=BF=AE=E6=94=B9]:[=E7=94=9F?= =?UTF-8?q?=E6=88=90=E6=B5=B7=E6=8A=A5=E5=88=86=E4=BA=AB=E5=88=B0=E6=9C=8B?= =?UTF-8?q?=E5=8F=8B=E5=9C=88=E6=96=87=E5=AD=97=E7=9A=84=E4=BF=AE=E6=94=B9?= =?UTF-8?q?]?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/canvas/index.js | 49 ++++++++++++++++++++----------------------- 1 file changed, 23 insertions(+), 26 deletions(-) diff --git a/pages/canvas/index.js b/pages/canvas/index.js index e85d884..1cd7141 100644 --- a/pages/canvas/index.js +++ b/pages/canvas/index.js @@ -138,7 +138,7 @@ Page({ // 绘制白色背景 ctx.setFillStyle("#fbfbfb"); ctx.fillRect(0, 0, that.data.windowWidth, that.data.windowHeight); - ctx.drawImage(res.path, 0, 50, topImageWidth, topImageHeight); + ctx.drawImage(res.path, 0, 50 * scale, topImageWidth, topImageHeight); that.roundRect(ctx, 15 * scale, 270 * scale, 325 * scale, 125 * scale, 10); that.drawOtherImage(ctx, scale); that.drawOtherContent(ctx, scale, options); @@ -157,7 +157,7 @@ Page({ wx.getImageInfo({ src: src2, success: function(res) { - that.darwAvatarArc(ctx, res.path, 10, 8, 35, 35); + that.darwAvatarArc(ctx, res.path, 10 * scale, 8 * scale, 35* scale, 35* scale); } }); }, @@ -165,28 +165,28 @@ Page({ drawOtherContent(ctx, scale, options) { let that = this; //昵称 - this.drawNormalText(ctx, this.data.nickName, 43 * scale, 24 * scale, 16 * scale, "#000", "left", "middle", scale); - this.drawNormalText(ctx, " 向您推荐", 120 * scale, 25 * scale, 16 * scale, "#848484", "left", "middle", scale); + this.drawNormalText(ctx, this.data.nickName, 50 * scale, 26 * scale, 16 * scale, "#000", "left", "middle", scale); + this.drawNormalText(ctx, " 向您推荐", 120 * scale, 26 * scale, 16 * scale, "#848484", "left", "middle", scale); this.drawNormalText(ctx, "---" + this.data.mallname + "---", 175 * scale, 500 * scale, 16 * scale, "#000", "left", "middle", scale); if (options && options.merchantId) { //店铺名 - this.drawNormalText(ctx, "商户名称:" + this.data.data.merchantName, 40 * scale, 310 * scale, 22 * scale, "#000", "left", "middle", scale); - this.drawNormalText(ctx, "商户位置:" + this.data.data.shopVoList[0].buildingName + this.data.data.shopVoList[0].floorName + "--" + this.data.data.shopVoList[0].shopNumber, 40 * scale, 350 * scale, 18 * scale, "#F4AA91", "left", "middle", scale); - this.drawNormalText(ctx, "商户电话:" + this.data.data.merchantLinkPhone, 40 * scale, 390 * scale, 16 * scale, "#000", "left", "middle", scale); + this.drawNormalText(ctx, "商户名称:" + this.data.data.merchantName, 30 * scale, 295 * scale, 20 * scale, "#000", "left", "middle", scale); + this.drawNormalText(ctx, "商户位置:" + this.data.data.shopVoList[0].buildingName + this.data.data.shopVoList[0].floorName + "--" + this.data.data.shopVoList[0].shopNumber, 30 * scale, 320 * scale, 15 * scale, "#F4AA91", "left", "middle", scale); + this.drawNormalText(ctx, "商户电话:" + this.data.data.merchantLinkPhone, 30 * scale, 348 * scale, 16 * scale, "#000", "left", "middle", scale); this.drawNormalText(ctx, "长按识别,进店去看看", 155 * scale, 470 * scale, 16 * scale, "#000", "left", "middle", scale); - if (this.data.couponList.length > 0) { - for (let i = 0; i < this.data.couponList.length; i++) { - // 第一个商品信息 - this.drawNormalText(ctx, this.substrTile(this.data.couponList[1].title), 30 * scale, 396 * scale, 14 * scale, "#000", "left", "middle", scale); - this.drawNormalText(ctx, "价格:" + this.data.couponList[1].salePrice, 30 * scale, 416 * scale, 14 * scale, "#FF3232", "left", "middle", scale); - //第二个商品信息 - this.drawNormalText(ctx, this.substrTile(this.data.couponList[2].title), 145 * scale, 396 * scale, 14 * scale, "#000", "left", "middle", scale); - this.drawNormalText(ctx, "价格:" + this.data.couponList[2].salePrice, 145 * scale, 416 * scale, 14 * scale, "#FF3232", "left", "middle", scale); - //第三个商品信息 - this.drawNormalText(ctx, this.substrTile(this.data.couponList[3].title), 260 * scale, 396 * scale, 14 * scale, "#000", "left", "middle", scale); - this.drawNormalText(ctx, "价格:" + this.data.couponList[3].salePrice, 260 * scale, 416 * scale, 14 * scale, "#FF3232", "left", "middle", scale); - } - } + // if (this.data.couponList.length > 0) { + // for (let i = 0; i < this.data.couponList.length; i++) { + // // 第一个商品信息 + // this.drawNormalText(ctx, this.substrTile(this.data.couponList[1].title), 30 * scale, 396 * scale, 14 * scale, "#000", "left", "middle", scale); + // this.drawNormalText(ctx, "价格:" + this.data.couponList[1].salePrice, 30 * scale, 416 * scale, 14 * scale, "#FF3232", "left", "middle", scale); + // //第二个商品信息 + // this.drawNormalText(ctx, this.substrTile(this.data.couponList[2].title), 145 * scale, 396 * scale, 14 * scale, "#000", "left", "middle", scale); + // this.drawNormalText(ctx, "价格:" + this.data.couponList[2].salePrice, 145 * scale, 416 * scale, 14 * scale, "#FF3232", "left", "middle", scale); + // //第三个商品信息 + // this.drawNormalText(ctx, this.substrTile(this.data.couponList[3].title), 260 * scale, 396 * scale, 14 * scale, "#000", "left", "middle", scale); + // this.drawNormalText(ctx, "价格:" + this.data.couponList[3].salePrice, 260 * scale, 416 * scale, 14 * scale, "#FF3232", "left", "middle", scale); + // } + // } } else if (options && options.couponChannelId) { this.drawNormalText(ctx, "长按识别,进店去看看", 155 * scale, 470 * scale, 16 * scale, "#000", "left", "middle", scale); this.drawNormalText(ctx, this.data.data.title, 30 * scale, 295 * scale, 20 * scale, "#000", "left", "middle", scale); @@ -217,13 +217,10 @@ Page({ let src1 = ""; let src2 = ""; if (this.data.qrCode) { - src1 = - this.data.qrCode + `?imageView/2/w/${coImageWidth}/h/${coImageHeight}`; + src1 =this.data.qrCode + `?imageView/2/w/${coImageWidth}/h/${coImageHeight}`; src2 = util.getProxyImgUrl(src1); } else { - src1 = - this.data.data.qrCode + - `?imageView/2/w/${coImageWidth}/h/${coImageHeight}`; + src1 =this.data.data.qrCode +`?imageView/2/w/${coImageWidth}/h/${coImageHeight}`; src2 = util.getProxyImgUrl(src1); } wx.getImageInfo({ @@ -420,7 +417,7 @@ Page({ let that = this; wx.canvasToTempFilePath({ x: 0, - y: 0, + y: 5, width: this.data.windowWidth * this.data.canvasScale, height: this.data.totalHeight * this.data.canvasScale, canvasId: "myCanvas",