瀏覽代碼

[canvas][修改]:[生成海报分享到朋友圈文字的修改]

tags/江西版6.1.0
luqc 6 年之前
父節點
當前提交
c2da01fe44
共有 1 個文件被更改,包括 23 次插入26 次删除
  1. +23
    -26
      pages/canvas/index.js

+ 23
- 26
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",


Loading…
取消
儲存