微信小程序開(kāi)發(fā)問(wèn)答《五十七》小程序?qū)崟r(shí)生成可分享卡片的方案 & 主動(dòng)發(fā)起分

發(fā)布時(shí)間：2018-04-23 10:07 所屬欄目：小程序開(kāi)發(fā)教程

1、小程序?qū)崟r(shí)生成可分享卡片的方案

問(wèn)：

需求背景：用戶評(píng)論后實(shí)時(shí)生成一個(gè)圖文卡片，可保存至手機(jī)后分享給朋友，像豆瓣標(biāo)記某本書后生成的卡片

思路之一是用canvas畫好圖文，后通過(guò)API：wx.canvasToTempFilePath(OBJECT)輸出為圖片，預(yù)覽該圖片，用戶可保存該圖片到手機(jī)，而后可分享給朋友；

一些問(wèn)題：文字換行，html5 canvas可通過(guò)measureText測(cè)量文字寬度來(lái)實(shí)現(xiàn)換行，而小程序API沒(méi)有提供這個(gè)；

其他：

不知道能否直接用wxml寫好卡片，再將其轉(zhuǎn)化為圖片，似乎想多了...

看到 WeZRender:微信小程序Canvas增強(qiáng)組件, 來(lái)源于 ZRender：一個(gè)輕量級(jí)Canvas類庫(kù)，未確定是否能解決文字換行的問(wèn)題

不知道這種需求，你們是怎么實(shí)現(xiàn)的；如果是用canvas，文字換行的問(wèn)題是怎么解決的；是否還有其他比較重要的問(wèn)題？

答：

文字換行解決方案：

使用WeZRender繪圖，文字間加上"n"換行符，可以成功換行，根據(jù)這個(gè)，可以限制一行顯示固定字?jǐn)?shù)比如20個(gè)，在畫文字前，先在該換行的位置出入"n"；
按照上面這個(gè)思路，直接canvas畫圖的話，也可將文字分多段畫

其他的問(wèn)題：

圖片以圓形顯示：暫不確定WeZRender可否用一個(gè)同樣大小的圓來(lái)裁切圖片，從而使得以圓形顯示

卡片圓角：同上

canvas輸出圖片模糊：使得輸出寬高為canvas寬高*設(shè)備像素比可解決，相關(guān)問(wèn)題鏈接

2、類似淘寶的分享有禮是怎么實(shí)現(xiàn)的？

就是用戶分享的時(shí)候，url后面會(huì)帶個(gè)小尾巴，類似r=xxxx之類的，這個(gè)xxxx是和用戶有一對(duì)一關(guān)系的.

3、如何讓無(wú)關(guān)聯(lián)appID的小程序重新關(guān)聯(lián)appID呢？

問(wèn)：一開(kāi)始寫小程序的時(shí)候選的是無(wú)appId，寫到一半時(shí)，申請(qǐng)到了，怎樣把我寫到一半的小程序關(guān)聯(lián)到我的新申請(qǐng)的appid上，進(jìn)行真機(jī)測(cè)試呢？

答：刪除項(xiàng)目，重新添加，即可。

4、微信小程序主動(dòng)發(fā)起分享

問(wèn)：微信小程序分享是在頁(yè)面里配置onShareAppMessage

Page({
  onShareAppMessage: function () {
    return {
      title: '自定義轉(zhuǎn)發(fā)標(biāo)題',
      path: '/page/user?id=123'
    }
  }
})

但有些小程序會(huì)在頁(yè)面有分享按鈕，點(diǎn)擊按鈕主動(dòng)分享，這個(gè)是怎么實(shí)現(xiàn)的呢？

易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開(kāi)源碼云倉(cāng)庫(kù):

本文地址：http://www.szcjxy.com/wxmini/doc/course/23889.html 復(fù)制鏈接如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢：點(diǎn)擊咨詢

免責(zé)聲明：本站所有文章和圖片均來(lái)自用戶分享和網(wǎng)絡(luò)收集，文章和圖片版權(quán)歸原作者及原出處所有，僅供學(xué)習(xí)與參考，請(qǐng)勿用于商業(yè)用途，如果損害了您的權(quán)利，請(qǐng)聯(lián)系網(wǎng)站客服處理。

熱門問(wèn)題
最新問(wèn)題

免费国产欧美国日产_少妇AV一区二区三区无码_蜜桃精品av无码喷奶水小说_jk18禁网站视频_精产国品一二三级产品区别_被夫の上司に犯波多野结衣_78m成人手机免费看_最爽最刺激18禁视频_偷偷色噜狠狠狠狠的777米奇

小程序模板網(wǎng)

微信小程序開(kāi)發(fā)問(wèn)答《五十七》小程序?qū)崟r(shí)生成可分享卡片的方案 & 主動(dòng)發(fā)起分

產(chǎn)品

服務(wù)

幫助

關(guān)于

免费国产欧美国日产_少妇AV一区二区三区无码_蜜桃精品av无码喷奶水小说_jk18禁网站视频_精产国品一二三级产品区别_被夫の上司に犯波多野结衣_78m成人手机免费看_最爽最刺激18禁视频_偷偷色噜狠狠狠狠的777米奇

小程序模板網(wǎng)

微信小程序開(kāi)發(fā)問(wèn)答《五十七》小程序?qū)崟r(shí)生成可分享卡片的方案 &amp; 主動(dòng)發(fā)起分

產(chǎn)品

服務(wù)

幫助

關(guān)于

微信小程序開(kāi)發(fā)問(wèn)答《五十七》小程序?qū)崟r(shí)生成可分享卡片的方案 & 主動(dòng)發(fā)起分