From 42f8786ac02d64dc4aac0d558a3bc49eee7037fb Mon Sep 17 00:00:00 2001 From: yvan.ni Date: Fri, 25 Feb 2022 16:25:25 +0800 Subject: [PATCH] 测肤自测的bug优化 --- packageD/pages/AI-test-skin/analyse/analyse.js | 6 +++--- packageD/pages/AI-test-skin/analyse/analyse.wxml | 4 +++- packageD/pages/AI-test-skin/analyse/analyse.wxss | 3 +-- packageD/pages/AI-test-skin/fail_result/fail_result.js | 2 +- packageD/pages/AI-test-skin/select_photo/select_photo.js | 2 +- packageD/pages/AI-test-skin/shoot_notice/shoot_notice.js | 2 +- packageD/pages/AI-test-skin/success_result/success_result.js | 598 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ 7 files changed, 320 insertions(+), 297 deletions(-) diff --git a/packageD/pages/AI-test-skin/analyse/analyse.js b/packageD/pages/AI-test-skin/analyse/analyse.js index 0023c27..1fe48f0 100644 --- a/packageD/pages/AI-test-skin/analyse/analyse.js +++ b/packageD/pages/AI-test-skin/analyse/analyse.js @@ -315,7 +315,7 @@ Page({ //跳转到错误页面 go_error:function (msg) { - let url = "/packageB/pages/AI-test-skin/fail_result/fail_result?msg="+msg; //跳到分析页 + let url = "/packageD/pages/AI-test-skin/fail_result/fail_result?msg="+msg; //跳到分析页 wx.redirectTo({ url: url }); @@ -339,7 +339,7 @@ Page({ //要保存一下分析的结果 th.json_post("/api/weshop/face/storeSkinface/save",req_data,function (res) { if(res.data.code==0){ - let url = "/packageB/pages/AI-test-skin/success_result/success_result?id="+res.data.data.id; //跳到分析页 + let url = "/packageD/pages/AI-test-skin/success_result/success_result?id="+res.data.data.id; //跳到分析页 wx.redirectTo({ url: url }) @@ -349,7 +349,7 @@ Page({ }) }else{ var msg=th.data.err_map[res.data.code+""]; - let url = "/packageB/pages/AI-test-skin/fail_result/fail_result?msg="+msg; //跳到分析页 + let url = "/packageD/pages/AI-test-skin/fail_result/fail_result?msg="+msg; //跳到分析页 wx.redirectTo({ url: url }) diff --git a/packageD/pages/AI-test-skin/analyse/analyse.wxml b/packageD/pages/AI-test-skin/analyse/analyse.wxml index 475638a..f27fc6e 100644 --- a/packageD/pages/AI-test-skin/analyse/analyse.wxml +++ b/packageD/pages/AI-test-skin/analyse/analyse.wxml @@ -1,5 +1,7 @@ - + + + 正在分析... diff --git a/packageD/pages/AI-test-skin/analyse/analyse.wxss b/packageD/pages/AI-test-skin/analyse/analyse.wxss index ac83838..600a029 100644 --- a/packageD/pages/AI-test-skin/analyse/analyse.wxss +++ b/packageD/pages/AI-test-skin/analyse/analyse.wxss @@ -25,12 +25,11 @@ page { } .img { - background: url("https://mshopimg.yolipai.net//miniapp/images/skinimg/11.png"); margin-top: 15%; display: inline-block; width: 350px; height: 350px; - transform: scale(0.55); + transform: scale(0.5); animation: 1s mymove infinite steps(27, end); } diff --git a/packageD/pages/AI-test-skin/fail_result/fail_result.js b/packageD/pages/AI-test-skin/fail_result/fail_result.js index 3a0769c..964fc99 100644 --- a/packageD/pages/AI-test-skin/fail_result/fail_result.js +++ b/packageD/pages/AI-test-skin/fail_result/fail_result.js @@ -53,7 +53,7 @@ Page({ }, //从相册中选择图片 back_to:function () { - let url = "/packageB/pages/AI-test-skin/shoot_notice/shoot_notice"; + let url = "/packageD/pages/AI-test-skin/shoot_notice/shoot_notice"; app.goto(url); }, diff --git a/packageD/pages/AI-test-skin/select_photo/select_photo.js b/packageD/pages/AI-test-skin/select_photo/select_photo.js index cd1872c..7c84067 100644 --- a/packageD/pages/AI-test-skin/select_photo/select_photo.js +++ b/packageD/pages/AI-test-skin/select_photo/select_photo.js @@ -66,7 +66,7 @@ Page({ getApp().globalData.face_img=e.data.data.img; getApp().globalData.face_SourceImg=e.data.data.SourceImg; - let url = "/packageB/pages/AI-test-skin/analyse/analyse"; //跳到分析页 + let url = "/packageD/pages/AI-test-skin/analyse/analyse"; //跳到分析页 app.goto(url); } else { diff --git a/packageD/pages/AI-test-skin/shoot_notice/shoot_notice.js b/packageD/pages/AI-test-skin/shoot_notice/shoot_notice.js index ca7c7eb..623b83d 100644 --- a/packageD/pages/AI-test-skin/shoot_notice/shoot_notice.js +++ b/packageD/pages/AI-test-skin/shoot_notice/shoot_notice.js @@ -73,7 +73,7 @@ Page({ success (res) { let imgArr = res.tempFilePaths; getApp().globalData.skin_img=imgArr[0]; - let url = "/packageB/pages/AI-test-skin/select_photo/select_photo"; + let url = "/packageD/pages/AI-test-skin/select_photo/select_photo"; app.goto(url); } }) diff --git a/packageD/pages/AI-test-skin/success_result/success_result.js b/packageD/pages/AI-test-skin/success_result/success_result.js index b6c6691..c673a8e 100644 --- a/packageD/pages/AI-test-skin/success_result/success_result.js +++ b/packageD/pages/AI-test-skin/success_result/success_result.js @@ -61,6 +61,17 @@ Page({ acne_num4: 0, //结节 }, + onReady:function () { + //用异步的获取比较准一点 + wx.getSystemInfo({ + success (res) { + console.log(111); + console.log(res.windowWidth); + console.log(res.windowHeight); + } + }) + }, + /** * 生命周期函数--监听页面加载 */ @@ -73,210 +84,222 @@ Page({ //var face_data=face_result.face_list[0]; this.data.id = options.id; - //计算图片要显示的大小 - th.data.cWidth = wx.getSystemInfoSync().windowWidth; - th.data.cHeight = wx.getSystemInfoSync().windowHeight; - th.data.face_height = th.data.cHeight * 0.8 * 0.75; - - var bi1 = (th.data.cHeight * 0.8 * 0.8) / (th.data.cWidth * 0.8); - this.get_data(function (json, json1, img) { - //-- 数据先存着 -- - var face_data = th.data.face_data = json.face_list[0]; - var face_data1 = th.data.face_data1 = json1.face_list[0]; - var sex = face_data1.gender.type; - //痤疮数 - var acne_num = face_data.acnespotmole.acne_num; - //色斑数 - var speckle_num = face_data.acnespotmole.speckle_num; - //皱纹数 - var wrinkle_num = face_data.wrinkle.wrinkle_num; - //黑头数 - var blackhead_num = face_data.blackheadpore.blackhead_num; - //毛孔数 - var pore_num = face_data.blackheadpore.pore_num; - //黑眼圈的严重程度 - var dark_type = face_data.eyesattr.dark_circle_left_type.length > 0 ? face_data.eyesattr.dark_circle_left_type[0] : -1; - var dark_type1 = face_data.eyesattr.dark_circle_right_type.length > 0 ? face_data.eyesattr.dark_circle_right_type[0] : -1; - - var dk_type1 = dark_type; - var dk_type2 = dark_type1; - if (dark_type1 > dark_type) { - dark_type = dark_type1; - } - var skin_sensitive_check = parseInt(face_data.skinquality.skin_sensitive_check[0]); - var skin_dryoil_check = face_data.skinquality.skin_dryoil_check; - - var location = face_data.location; - var bili = th.data.face_height / (location.height + location.height / 2.3); - - //获取眼睛的画图比例 - var eye_data1 = face_data1.landmark150.eye_left_corner_right; - var eye_data2 = face_data1.landmark150.eye_left_corner_left; - var eye_data3 = face_data1.landmark150.eye_right_corner_left; - - var hei1 = Math.abs(eye_data1.x - eye_data2.x); - var bili_eye = th.data.face_height / (2 * hei1 * bi1); - var eye_top = eye_data1.y - hei1 * 3 / 4 - var eye_left1 = eye_data1.x - hei1 / 2; - var eye_left2 = eye_data3.x - hei1 - hei1 / 2; - - var skin_dryoil_check_type = 0;//干性 - var skin_dryoil_check_arr = [] - for (let i in skin_dryoil_check) { - let item = skin_dryoil_check[i]; - if (item != '1' && skin_dryoil_check_arr.indexOf(item) == -1) { - skin_dryoil_check_arr.push(item); - } - } - //皮肤干油性的判断 - if (skin_dryoil_check_arr.length == 0) skin_dryoil_check_type = 1; - else if (skin_dryoil_check_arr.length == 1) skin_dryoil_check_type = parseInt(skin_dryoil_check_arr[0]); - else skin_dryoil_check_type = 3; - - var wrinkle_types = face_data.wrinkle.wrinkle_types; - var w_arr = wrinkle_types.filter(function (e) { - return e == 1; - }) - th.data.wrinkle_num1 = w_arr.length; + //用异步的获取比较准一点 + wx.getSystemInfo({ + success (res) { + //计算图片要显示的大小 + th.data.cWidth = res.windowWidth; + th.data.cHeight = res.windowHeight; + + console.log(222); + console.log(res.windowWidth); + console.log(res.windowHeight); + + + th.data.face_height = th.data.cHeight * 0.8 * 0.75; + + var bi1= (th.data.cHeight * 0.8 * 0.8)/(th.data.cWidth*0.8); + th.get_data(function (json, json1, img) { + //-- 数据先存着 -- + var face_data = th.data.face_data = json.face_list[0]; + var face_data1 = th.data.face_data1 = json1.face_list[0]; + var sex = face_data1.gender.type; + //痤疮数 + var acne_num = face_data.acnespotmole.acne_num; + //色斑数 + var speckle_num = face_data.acnespotmole.speckle_num; + //皱纹数 + var wrinkle_num = face_data.wrinkle.wrinkle_num; + //黑头数 + var blackhead_num = face_data.blackheadpore.blackhead_num; + //毛孔数 + var pore_num = face_data.blackheadpore.pore_num; + //黑眼圈的严重程度 + var dark_type = face_data.eyesattr.dark_circle_left_type.length > 0 ? face_data.eyesattr.dark_circle_left_type[0] : -1; + var dark_type1 = face_data.eyesattr.dark_circle_right_type.length > 0 ? face_data.eyesattr.dark_circle_right_type[0] : -1; + + var dk_type1=dark_type; + var dk_type2=dark_type1; + if (dark_type1 > dark_type) { + dark_type = dark_type1; + } + var skin_sensitive_check = parseInt(face_data.skinquality.skin_sensitive_check[0]); + var skin_dryoil_check = face_data.skinquality.skin_dryoil_check; + + var location = face_data.location; + var bili = th.data.face_height*0.76/location.height; + + //获取眼睛的画图比例 + var eye_data1=face_data1.landmark150.eye_left_corner_right; + var eye_data2=face_data1.landmark150.eye_left_corner_left; + var eye_data3=face_data1.landmark150.eye_right_corner_right; + + var hei1=Math.abs(eye_data1.x-eye_data2.x); + var bili_eye = th.data.face_height*0.56/hei1; + var eye_top=eye_data1.y-hei1/2 + var eye_left1=eye_data1.x-hei1/6; + var eye_left2=eye_data3.x-hei1/6; + + var skin_dryoil_check_type=0;//干性 + var skin_dryoil_check_arr=[] + for(let i in skin_dryoil_check){ + let item=skin_dryoil_check[i]; + if(item!='1' && skin_dryoil_check_arr.indexOf(item)==-1){ + skin_dryoil_check_arr.push(item); + } + } + //皮肤干油性的判断 + if(skin_dryoil_check_arr.length==0) skin_dryoil_check_type=1; + else if(skin_dryoil_check_arr.length==1) skin_dryoil_check_type=parseInt(skin_dryoil_check_arr[0]); + else skin_dryoil_check_type=3; + + var wrinkle_types=face_data.wrinkle.wrinkle_types; + var w_arr=wrinkle_types.filter(function (e) { + return e==1; + }) + th.data.wrinkle_num1=w_arr.length; - //皱纹的数量的统计 - w_arr = wrinkle_types.filter(function (e) { - return e == 2; - }) - th.data.wrinkle_num2 = w_arr.length; - w_arr = wrinkle_types.filter(function (e) { - return e == 3; - }) - th.data.wrinkle_num3 = w_arr.length; - w_arr = wrinkle_types.filter(function (e) { - return e == 4; - }) - th.data.wrinkle_num4 = w_arr.length; - w_arr = wrinkle_types.filter(function (e) { - return e == 5; - }) - th.data.wrinkle_num5 = w_arr.length; - w_arr = wrinkle_types.filter(function (e) { - return e == 6; - }) - th.data.wrinkle_num6 = w_arr.length; + //皱纹的数量的统计 + w_arr=wrinkle_types.filter(function (e) { + return e==2; + }) + th.data.wrinkle_num2=w_arr.length; + w_arr=wrinkle_types.filter(function (e) { + return e==3; + }) + th.data.wrinkle_num3=w_arr.length; + w_arr=wrinkle_types.filter(function (e) { + return e==4; + }) + th.data.wrinkle_num4=w_arr.length; + w_arr=wrinkle_types.filter(function (e) { + return e==5; + }) + th.data.wrinkle_num5=w_arr.length; + w_arr=wrinkle_types.filter(function (e) { + return e==6; + }) + th.data.wrinkle_num6=w_arr.length; - //痘痘的不同的统计 - var acne_list = face_data.acnespotmole.acne_list; - var a_arr = acne_list.filter(function (e) { - return e.type == 0; - }) - th.data.acne_num1 = a_arr.length; - a_arr = acne_list.filter(function (e) { - return e.type == 1; - }) - th.data.acne_num2 = a_arr.length; - a_arr = acne_list.filter(function (e) { - return e.type == 2; - }) - th.data.acne_num3 = a_arr.length; - a_arr = acne_list.filter(function (e) { - return e.type == 3; - }) - th.data.acne_num4 = a_arr.length; - - th.setData({ - acne_num: acne_num, - speckle_num: speckle_num, - wrinkle_num: wrinkle_num, - wrinkle_types: wrinkle_types, //皱纹类型 - blackhead_num: blackhead_num, - pore_num: pore_num, - dark_type: dark_type, - dark_typ1: dk_type1, - dark_type2: dk_type2, - skin_sensitive_check: skin_sensitive_check, - skin_dryoil_check: skin_dryoil_check, - skin_dryoil_check_type: skin_dryoil_check_type, - face_img: img, - m_top: (location.top - location.height / 2.5) * bili, - m_left: (location.left - location.width / 7) * bili, - bili: bili, - bili_eye: bili_eye, - sex: sex, - skin_dryoil_check_type: skin_dryoil_check_type, - eye_top: eye_top, - eye_left1: eye_left1 * bili_eye, - eye_left2: eye_left2 * bili_eye, - - wrinkle_num1: th.data.wrinkle_num1, //抬头纹 - wrinkle_num2: th.data.wrinkle_num2, //川字纹 - wrinkle_num3: th.data.wrinkle_num3, //眼周细纹 - wrinkle_num4: th.data.wrinkle_num4, //鱼尾纹 - wrinkle_num5: th.data.wrinkle_num5, //法令纹 - wrinkle_num6: th.data.wrinkle_num6, //口周纹 - - acne_num1: th.data.acne_num1, //粉刺 - acne_num2: th.data.acne_num2, //痘印 - acne_num3: th.data.acne_num3, //脓包 - acne_num4: th.data.acne_num4, //结节 - }) - var sort = 1; - //-- 调用毛孔的推荐函数 -- - if (pore_num > 0) - pore.get_goods(th, setting.stoid, sort++); - //-- 调用黑头的推荐函数 -- - if (blackhead_num > 0) - blackhead.get_goods(th, setting.stoid, sort++); - //-- 调用色斑的推荐函数 -- - if (speckle_num > 0) - speckle.get_goods(th, setting.stoid, sort++); - //-- 调用皱纹的推荐函数 -- - if (wrinkle_num > 0) - wrinkle.get_goods(th, setting.stoid, sort++); - //-- 黑眼圈 -- - if (dark_type > -1) - dark.get_goods(th, setting.stoid, sort++); - //-- 黑眼圈 -- - if (acne_num > -0) - acne.get_goods(th, setting.stoid, sort++); - - //-- 获取一下分享要用的图片 -- - th.set_share_img(); - acne.get_goods(th, setting.stoid); - // let { heightRecord, tab } = th.data; - // tab.forEach(item => { - // console.log(2); - // var query = th.createSelectorQuery(); - // let class_name = `.${item['id']}`; - // query.select(class_name).boundingClientRect(function (rect) { - // // let ratio = 750 / rect.width; - // let height = parseInt(rect.height); //加上导航栏50px - // heightRecord.push(height); - // // item['top'] = top; - // }).exec(); - // }); - // heightRecord.sort((a, b) => { - // return a - b; - // }); - // th.setData({ - // heightRecord, - // }) - // setTimeout(() => { - // heightRecord.sort((a, b) => { - // return a - b; - // }) - // let new_arr = []; - // if (heightRecord.length > 0) { - // heightRecord.reduce((pre, cur) => { - // let sum = pre + cur; - // new_arr.push(sum); - // return sum; - // }) - // } - // th.setData({ - // heightRecord:new_arr, - // }) - // },1000) + //痘痘的不同的统计 + var acne_list = face_data.acnespotmole.acne_list; + var a_arr=acne_list.filter(function (e) { + return e.type==0; + }) + th.data.acne_num1=a_arr.length; + a_arr=acne_list.filter(function (e) { + return e.type==1; + }) + th.data.acne_num2=a_arr.length; + a_arr=acne_list.filter(function (e) { + return e.type==2; + }) + th.data.acne_num3=a_arr.length; + a_arr=acne_list.filter(function (e) { + return e.type==3; + }) + th.data.acne_num4=a_arr.length; + + th.setData({ + acne_num: acne_num, + speckle_num: speckle_num, + wrinkle_num: wrinkle_num, + wrinkle_types:wrinkle_types, //皱纹类型 + blackhead_num: blackhead_num, + pore_num: pore_num, + dark_type: dark_type, + dark_typ1: dk_type1, + dark_type2: dk_type2, + skin_sensitive_check: skin_sensitive_check, + skin_dryoil_check: skin_dryoil_check, + skin_dryoil_check_type:skin_dryoil_check_type, + face_img: img, + m_top: (location.top-location.height/3)* bili, + m_left:Math.abs(th.data.cWidth*0.8-(location.width+location.left*2)* bili)/2, + bili: bili, + bili_eye:bili_eye, + sex:sex, + skin_dryoil_check_type:skin_dryoil_check_type, + eye_top:eye_top* bili_eye, + eye_left1:eye_left1* bili_eye, + eye_left2:eye_left2* bili_eye, + + wrinkle_num1:th.data.wrinkle_num1, //抬头纹 + wrinkle_num2:th.data.wrinkle_num2, //川字纹 + wrinkle_num3:th.data.wrinkle_num3, //眼周细纹 + wrinkle_num4:th.data.wrinkle_num4, //鱼尾纹 + wrinkle_num5:th.data.wrinkle_num5, //法令纹 + wrinkle_num6:th.data.wrinkle_num6, //口周纹 + + acne_num1:th.data.acne_num1, //粉刺 + acne_num2:th.data.acne_num2, //痘印 + acne_num3:th.data.acne_num3, //脓包 + acne_num4:th.data.acne_num4, //结节 + }) + var sort = 1; + //-- 调用毛孔的推荐函数 -- + if (pore_num > 0) + pore.get_goods(th, setting.stoid, sort++); + //-- 调用黑头的推荐函数 -- + if (blackhead_num > 0) + blackhead.get_goods(th, setting.stoid, sort++); + //-- 调用色斑的推荐函数 -- + if (speckle_num > 0) + speckle.get_goods(th, setting.stoid, sort++); + //-- 调用皱纹的推荐函数 -- + if (wrinkle_num > 0) + wrinkle.get_goods(th, setting.stoid, sort++); + //-- 黑眼圈 -- + if (dark_type > -1) + dark.get_goods(th, setting.stoid, sort++); + //-- 黑眼圈 -- + if (acne_num > -0) + acne.get_goods(th, setting.stoid, sort++); + + //-- 获取一下分享要用的图片 -- + th.set_share_img(); + acne.get_goods(th, setting.stoid); + // let { heightRecord, tab } = th.data; + // tab.forEach(item => { + // console.log(2); + // var query = th.createSelectorQuery(); + // let class_name = `.${item['id']}`; + // query.select(class_name).boundingClientRect(function (rect) { + // // let ratio = 750 / rect.width; + // let height = parseInt(rect.height); //加上导航栏50px + // heightRecord.push(height); + // // item['top'] = top; + // }).exec(); + // }); + // heightRecord.sort((a, b) => { + // return a - b; + // }); + // th.setData({ + // heightRecord, + // }) + // setTimeout(() => { + // heightRecord.sort((a, b) => { + // return a - b; + // }) + // let new_arr = []; + // if (heightRecord.length > 0) { + // heightRecord.reduce((pre, cur) => { + // let sum = pre + cur; + // new_arr.push(sum); + // return sum; + // }) + // } + // th.setData({ + // heightRecord:new_arr, + // }) + // },1000) - }) + }) + } + }) }, + //-- 初始等级卡 -- init: function () { @@ -684,7 +707,7 @@ Page({ if (this.data.share_hidden) { this.setData({ share_hidden: false, }); } - ; + wx.showLoading({ title: '生成中...', }) var that = this, th = that; @@ -705,94 +728,93 @@ Page({ wx.getImageInfo({ src: path3, success: function (res) { - var b = 1.1; - //获取到二维码的图片 - var vpath = res.path; - var context = wx.createCanvasContext('share'); - // 先画背景 - context.fillStyle = '#ebf6f8'; - // 灰色实心矩形 - // 1. 语法： x坐标, y坐标, 宽度, 高度 - context.fillRect(0, 0, 750 * rpx, 1338 * rpx); - - context.setFontSize(20 * rpx) - context.setFillStyle("#00d8e9") - context.fillText("官方检测认证", 28 * b * rpx, 80 * b * rpx); - - //两个底部颜色 - context.fillStyle = '#a7ecf5'; - context.fillRect(28 * b * rpx, 136 * b * rpx, 262 * b * rpx, 18 * b * rpx); - context.fillRect(28 * b * rpx, 194 * b * rpx, 262 * b * rpx, 18 * b * rpx); - - context.setFontSize(42 * b * rpx) - context.setFillStyle("#070609") - context.fillText("我的肌底强韧", 30 * b * rpx, 140 * b * rpx); - context.fillText("肌肤鲜活润泽", 30 * b * rpx, 196 * b * rpx); - - //先画一个圆形 - th.circle(context, 110 * b * rpx, 280 * b * rpx, 140 * b * rpx, "#e7f3f8"); - th.circle(context, 130 * b * rpx, 300 * b * rpx, 120 * b * rpx, "#c8f2fa"); - //绘制人脸 - context.drawImage(th.data.share_head, 132 * b * rpx, 310 * b * rpx, 230 * b * rpx, 230 * b * rpx); - - //左右俩个框并填充文字 - th.darwRoundRect(38 * b * rpx, 340 * b * rpx, 140 * b * rpx, 40 * b * rpx, 20 * b * rpx, context); - th.darwRoundRect(324 * b * rpx, 340 * b * rpx, 140 * b * rpx, 40 * b * rpx, 20 * b * rpx, context); - context.setFontSize(20 * b * rpx) - context.setFillStyle("black") - context.fillText("黑眼圈 重度", 50 * b * rpx, 368 * b * rpx); - context.fillText("毛孔 " + th.data.pore_num, 336 * b * rpx, 368 * b * rpx); - - //左右俩个框并填充文字 - th.darwRoundRect(40 * b * rpx, 412 * b * rpx, 116 * b * rpx, 40 * b * rpx, 20 * b * rpx, context); - th.darwRoundRect(348 * b * rpx, 412 * b * rpx, 116 * b * rpx, 40 * b * rpx, 20 * b * rpx, context); - context.setFillStyle("black") - context.fillText("黑头 " + th.data.blackhead_num, 52 * b * rpx, 440 * b * rpx); - context.fillText("色斑 " + th.data.speckle_num, 354 * b * rpx, 440 * b * rpx); - - //左右俩个框并填充文字 - th.darwRoundRect(60 * b * rpx, 484 * b * rpx, 116 * b * rpx, 40 * b * rpx, 20 * b * rpx, context); - th.darwRoundRect(328 * b * rpx, 484 * b * rpx, 116 * b * rpx, 40 * b * rpx, 20 * b * rpx, context); - context.setFillStyle("black") - context.fillText("皱纹 " + th.data.wrinkle_num, 74 * b * rpx, 510 * b * rpx); - context.fillText("痤疮 " + th.data.acne_num, 344 * b * rpx, 510 * b * rpx); - - //底部的绘制 - th.darwRoundRect(38 * b * rpx, 650 * b * rpx, 430 * b * rpx, 160 * b * rpx, 10 * b * rpx, context); - //绘制二维码 - context.drawImage(vpath, 60 * b * rpx, 672 * b * rpx, 120 * b * rpx, 120 * b * rpx); - context.setFillStyle("black") - context.setFontSize(32 * b * rpx) - context.fillText("美肤管家AI测肤", 200 * b * rpx, 726 * b * rpx); - context.setFontSize(22 * b * rpx) - context.fillText("科学了解皮肤的真实状态", 200 * b * rpx, 766 * b * rpx); - - //把画板内容绘制成图片，并回调 画板图片路径 - context.draw(false, function () { - setTimeout(function () { - wx.canvasToTempFilePath({ - x: 0, - y: 0, - width: 750, - height: 1338, - destWidth: 1.4 * 750 * 750 / th.data.screenWidth, - destHeight: 1.4 * 750 * 750 / th.data.screenWidth, - canvasId: 'share', - success: function (res) { - that.setData({ - shareImgPath: res.tempFilePath, - canvasHidden: true, - share_show: 1 - }) - return false; - - /*-- - wx.previewImage({ - //将图片预览出来 - ur--*/ - - wx.hideLoading(); - } + + var b=1.1; + //获取到二维码的图片 + var vpath = res.path; + var context = wx.createCanvasContext('share'); + // 先画背景 + context.fillStyle = '#ebf6f8'; + // 灰色实心矩形 + // 1. 语法： x坐标, y坐标, 宽度, 高度 + context.fillRect(0,0,750 * rpx,1338 * rpx); + + context.setFontSize(20* rpx) + context.setFillStyle("#00d8e9") + context.fillText("官方检测认证", 28*b* rpx, 80*b* rpx); + + //两个底部颜色 + context.fillStyle = '#a7ecf5'; + context.fillRect(28 *b* rpx,136 *b* rpx,262 *b* rpx,18 *b* rpx); + context.fillRect(28 *b* rpx,194 *b* rpx,262 *b* rpx,18 *b* rpx); + + context.setFontSize(42*b*rpx) + context.setFillStyle("#070609") + context.fillText("我的肌底强韧", 30*b* rpx, 140*b* rpx); + context.fillText("肌肤鲜活润泽", 30*b* rpx, 196*b* rpx); + + //先画一个圆形 + th.circle(context,110*b*rpx, 280*b*rpx,140*b*rpx,"#e7f3f8"); + th.circle(context,130*b*rpx, 300*b*rpx,120*b*rpx,"#c8f2fa"); + //绘制人脸 + context.drawImage(th.data.share_head, 132*b*rpx, 310*b*rpx, 230*b* rpx, 230 *b* rpx); + + //左右俩个框并填充文字 + th.darwRoundRect(38 *b* rpx,340*b*rpx,140*b*rpx,40*b*rpx,20*b*rpx,context); + th.darwRoundRect(324 *b* rpx,340*b*rpx,140*b*rpx,40*b*rpx,20*b*rpx,context); + context.setFontSize(20*b*rpx) + context.setFillStyle("black") + context.fillText("黑眼圈 重度", 50*b* rpx, 368*b* rpx); + context.fillText("毛孔 "+th.data.pore_num, 336*b* rpx, 368*b* rpx); + + //左右俩个框并填充文字 + th.darwRoundRect(40 *b* rpx,412*b*rpx,116*b*rpx,40*b*rpx,20*b*rpx,context); + th.darwRoundRect(348 *b* rpx,412*b*rpx,116*b*rpx,40*b*rpx,20*b*rpx,context); + context.setFillStyle("black") + context.fillText("黑头 "+th.data.blackhead_num, 52*b* rpx, 440*b* rpx); + context.fillText("色斑 "+th.data.speckle_num, 354*b* rpx, 440*b* rpx); + + //左右俩个框并填充文字 + th.darwRoundRect(60 *b* rpx,484*b*rpx,116*b*rpx,40*b*rpx,20*b*rpx,context); + th.darwRoundRect(328 *b* rpx,484*b*rpx,116*b*rpx,40*b*rpx,20*b*rpx,context); + context.setFillStyle("black") + context.fillText("皱纹 "+th.data.wrinkle_num, 74*b* rpx, 510*b* rpx); + context.fillText("痤疮 "+th.data.acne_num, 344*b* rpx, 510*b* rpx); + + //底部的绘制 + th.darwRoundRect(38 *b* rpx,650*b*rpx,430*b*rpx,160*b*rpx,10*b*rpx,context); + //绘制二维码 + context.drawImage(vpath, 60*b*rpx, 672*b*rpx, 120 *b* rpx, 120 *b* rpx); + context.setFillStyle("black") + context.setFontSize(32*b*rpx) + context.fillText("美肤管家AI测肤", 200*b* rpx, 726*b* rpx); + context.setFontSize(22*b*rpx) + context.fillText("科学了解皮肤的真实状态", 200*b* rpx, 766*b* rpx); + + //把画板内容绘制成图片，并回调 画板图片路径 + context.draw(false, function () { + setTimeout(function () { + wx.canvasToTempFilePath({ + x: 0, + y: 0, + width: 750, + height: 1338, + destWidth: 1.4 * 750 * 750 / th.data.screenWidth, + destHeight: 1.4 * 750 * 750 / th.data.screenWidth, + canvasId: 'share', + success: function (res) { + that.setData({ + shareImgPath: res.tempFilePath, + canvasHidden: true, + share_show:1 + }) + /*-- + wx.previewImage({ + //将图片预览出来 + ur--*/ + + wx.hideLoading(); + } }) }, 500) -- libgit2 0.21.4