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

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

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

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

其他：

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

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

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

文字換行解決方案：

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

問：微信小程序分享是在頁面里配置onShareAppMessage

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

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

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

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

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

小程序模板網(wǎng)