在小程序開發(fā)完成之后，我們會(huì)時(shí)常遇到這樣的一個(gè)問題，小程序該怎么推廣，增加曝光量，讓更多的人看到？我們都知道，小程序推廣一般是給小程序增加一個(gè)分享的功能，可以分享到群里面。

但是不能發(fā)朋友圈，若是想發(fā)到朋友圈，采取的辦法是一件生成海報(bào)，這樣就產(chǎn)生了一個(gè)需求了，那就是小程序生成二維碼海報(bào)的要求。如果是自己寫的話，那肯定是要花費(fèi)一番精力，這個(gè)時(shí)候要是有一款開源組件直接用那就好了，這不，我們的程序員小哥哥已經(jīng)將自己的寶貴的源碼開源出來了，筆芯~

wxa-plugin-canvas 是一個(gè)生成二維碼海報(bào)的組件，通過非常簡(jiǎn)單的配置就可以生成精美的海報(bào)。反正大家知道這個(gè)開源庫(kù)非常好用就行了。

開源項(xiàng)目地址：https://github.com/jasondu/wxa-plugin-canvas

開源項(xiàng)目作者：jason

效果圖如下：

安裝

方式一.通過 npm 安裝 (推薦)

小程序已經(jīng)支持使用 npm 安裝第三方包，詳見 npm 支持

# npm
npm i wxa-plugin-canvas -S --production

# yarn
yarn add wxa-plugin-canvas --production

方式二.下載代碼

直接通過 git 下載 wxa-plugin-canvas 源代碼，并將miniprogram_dist目錄拷貝到自己的項(xiàng)目組件目錄中

使用組件

{
  "usingComponents": {
    "poster": "wxa-plugin-canvas/poster",
  }
}

接著就可以在 wxml 中直接使用組件

<poster id="poster" config="{{posterConfig}}" bind:success="onPosterSuccess" bind:fail="onPosterFail">
    <button>點(diǎn)擊生成海報(bào)</button>
</poster>

以上便是今日分享，覺得內(nèi)容不錯(cuò)的，還請(qǐng)點(diǎn)個(gè)「在看」支持，謝謝各位。

完

推薦閱讀：

太牛了，推薦一份從 0 開始刷 LeetCode 的心得記錄

22 個(gè)讓 React 開發(fā)更高效更有趣的工具

一文讀懂 JS 裝飾器，這是一個(gè)會(huì)打扮的裝飾器

好用到叫出聲！強(qiáng)烈推薦 10 款 Mac 軟件！

JSON.stringify() 的 5 個(gè)秘密特性