|
@@ -62,18 +62,18 @@ const createPoster = () => {
|
|
|
ctx.drawImage(path, 0, 0, w, w / 1.56)
|
|
|
canvas.CircleImage(avatarPath, 17, 21, 14)
|
|
|
canvas.Image(logoPath, 17, 230, 24, 24)
|
|
|
- canvas.Image(qrcode, 200, 350, 100, 100)
|
|
|
+ canvas.Image(qrcode, 120, 350, 90, 90)
|
|
|
canvas.FillText(userInfo.value?.nickname, '#ffffff', 14, 53, 40)
|
|
|
canvas.FillText('筑巢荟—助力设计师成长平台', '#ffffff', 18, 53, 248)
|
|
|
- canvas.FillText('国内外设计游学', '#ffffff', 12, 62, 303)
|
|
|
- canvas.FillText('设计赋能项目', '#ffffff', 12, 207, 303)
|
|
|
- canvas.FillText('线上获客工具', '#ffffff', 12, 62, 339)
|
|
|
- canvas.FillText('丰富线下活动', '#ffffff', 12, 207, 339)
|
|
|
+ canvas.FillText('国内外设计游学', '#ffffff', 12, 62, 283)
|
|
|
+ canvas.FillText('设计赋能项目', '#ffffff', 12, 207, 283)
|
|
|
+ canvas.FillText('线上获客工具', '#ffffff', 12, 62, 319)
|
|
|
+ canvas.FillText('丰富线下活动', '#ffffff', 12, 207, 319)
|
|
|
|
|
|
- canvas.Image(icon1, 41, 290, 18, 18)
|
|
|
- canvas.Image(icon2, 189, 290, 18, 18)
|
|
|
- canvas.Image(icon3, 41, 325, 18, 18)
|
|
|
- canvas.Image(icon4, 189, 325, 18, 18)
|
|
|
+ canvas.Image(icon1, 41, 270, 18, 18)
|
|
|
+ canvas.Image(icon2, 189, 270, 18, 18)
|
|
|
+ canvas.Image(icon3, 41, 305, 18, 18)
|
|
|
+ canvas.Image(icon4, 189, 305, 18, 18)
|
|
|
|
|
|
ctx.draw(true, () => {
|
|
|
uni.canvasToTempFilePath({
|
|
@@ -145,18 +145,18 @@ onMounted(async () => {
|
|
|
class="w-full h-full"
|
|
|
:src="posterUrl"
|
|
|
@displayed="canvasHidden = true"
|
|
|
- ></ImageEvo>
|
|
|
- <div class="absolute bottom-5.5 left-5.5 flex justify-between" v-if="canvasHidden">
|
|
|
- <!-- <cover-view> -->
|
|
|
- <wd-button custom-class="bg-white/10!" @click="save">保存到相册</wd-button>
|
|
|
- <!-- <div style="margin-left: 100rpx;">
|
|
|
- <wd-img :width="50" :height="50" :src="data.qrcodeUrl"></wd-img>
|
|
|
- </div> -->
|
|
|
- <!-- </cover-view> -->
|
|
|
- <!-- <wd-button @click="share">微信</wd-button>
|
|
|
- <wd-button @click="share">朋友圈</wd-button> -->
|
|
|
- </div>
|
|
|
+ ></ImageEvo>
|
|
|
</div>
|
|
|
+ <div class="absolute bottom-20 left-[50%] translate-x-[-50%] flex justify-between" v-if="canvasHidden">
|
|
|
+ <!-- <cover-view> -->
|
|
|
+ <wd-button custom-class="bg-white/10!" @click="save">保存到相册</wd-button>
|
|
|
+ <!-- <div style="margin-left: 100rpx;">
|
|
|
+ <wd-img :width="50" :height="50" :src="data.qrcodeUrl"></wd-img>
|
|
|
+ </div> -->
|
|
|
+ <!-- </cover-view> -->
|
|
|
+ <!-- <wd-button @click="share">微信</wd-button>
|
|
|
+ <wd-button @click="share">朋友圈</wd-button> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<!-- <SectionHeading title="如何关联视频号?" size="sm"></SectionHeading>
|
|
|
<img class="w-[347px] h-[186px] rounded-2xl" src="https://via.placeholder.com/347x186" />
|