diff --git a/src/assets/images/laurelClub/posters-background-img.png b/src/assets/images/laurelClub/posters-background-img.png index b10d5d4d9..74ca35e41 100644 Binary files a/src/assets/images/laurelClub/posters-background-img.png and b/src/assets/images/laurelClub/posters-background-img.png differ diff --git a/src/assets/images/laurelClub/posters-name-card-img.png b/src/assets/images/laurelClub/posters-name-card-img.png index feb12f243..04d465938 100644 Binary files a/src/assets/images/laurelClub/posters-name-card-img.png and b/src/assets/images/laurelClub/posters-name-card-img.png differ diff --git a/src/views/ebiz/laurelClub/ExclusivePosters.vue b/src/views/ebiz/laurelClub/ExclusivePosters.vue index a7ddeebc5..40b017153 100644 --- a/src/views/ebiz/laurelClub/ExclusivePosters.vue +++ b/src/views/ebiz/laurelClub/ExclusivePosters.vue @@ -44,7 +44,7 @@ import { queryPosterDataUrl } from '@/api/ebiz/laurelClub/laurelClub' import { uploadImg } from '@/api/ebiz/sale/sale' // import backgroundImg from '../../../assets/images/laurelClub/posters-background-img.png' import crownImg from '@/assets/images/laurelClub/crown.png' -import nameCardImg from '../../../assets/images/laurelClub/posters-name-card-img.png' +// import nameCardImg from '../../../assets/images/laurelClub/posters-name-card-img.png' import beforeDate from '@/assets/js/utils/getBeforeDate.js' export default { @@ -64,7 +64,7 @@ export default { backgroundImg: '', // 背景图片 agentHeadImg: '', // 用户头像图片 crownImg: crownImg, // 皇冠图片 - nameCardImg: nameCardImg, // 展示地区,名称位置的背景图片 + nameCardImg: '', // 展示地区,名称位置的背景图片 agentcode: '', // 工号 managerComName: '', // 地区名称 name: '', // 用户名称 @@ -153,6 +153,8 @@ export default { this.posterCanvasObj.crownLevelImg = res.content.crownLevelUrl // 获取会员级别图片地址 this.posterCanvasObj.memberGradeImg = res.content.memberGradeUrl + // 展示地区,名称位置的背景图片 + this.posterCanvasObj.nameCardImg = res.content.nameCardImg // 调用canvas绘制页面的方法 this.getCanvas() } else { @@ -214,20 +216,20 @@ export default { backgroundImg.onload = function() { setTimeout(function() { - ctx.drawImage(agentHeadImg, 175, 320, 400, 400) // 头像 + ctx.drawImage(agentHeadImg, 175, 525, 400, 400) // 头像 ctx.drawImage(backgroundImg, 0, 0, 750, 1271) // 背景图 - ctx.drawImage(crownImg, 280, 175, 188, 134) // 皇冠 - ctx.drawImage(nameCardImg, 210, 660, 328, 74) // 展示地区,名称位置的背景图片 - ctx.drawImage(crownLevelImg, 350, 985,70,36) // 冠级 - ctx.drawImage(memberGradeImg, 315, 1030,140,30) // 会员级别 - ctx.fillStyle = '#921108' + ctx.drawImage(crownImg, 280, 440, 188, 134) // 皇冠 + ctx.drawImage(nameCardImg, 210, 800, 328, 74) // 展示地区,名称位置的背景图片 + ctx.drawImage(crownLevelImg, 350, 905,70,36) // 冠级 + ctx.drawImage(memberGradeImg, 315, 950,140,30) // 会员级别 + ctx.fillStyle = '#ffffff' ctx.font = 'lighter 32px PingFangSC-Light, PingFang SC' ctx.textAlign = 'center' - ctx.fillText(that.posterCanvasObj.managerComName, 320, 708) // 地区名称(南宁青秀) - ctx.fillStyle = '#921108' + ctx.fillText(that.posterCanvasObj.managerComName, 320, 848) // 地区名称(南宁青秀) + ctx.fillStyle = '#ffffff' ctx.font = '32px SourceHanSerifCN-SemiBold' ctx.textAlign = 'center' - ctx.fillText(that.posterCanvasObj.name, 450, 708) // 名字(张洋溢) + ctx.fillText(that.posterCanvasObj.name, 450, 848) // 名字(张洋溢) //生成src var genUrl = canvas.toDataURL() var element = document.getElementById('poster_main-image') @@ -418,7 +420,7 @@ export default { color: #FFCB6B; border-radius: 0px; border: 1px solid #FFE97C; - background: linear-gradient(135deg, #DD1818 0%, #910A0A 100%); + background: linear-gradient(135deg, #F89FB5 0%, #DB375E 100%); } } }