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

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

wxa-plugin-canvas 是一個生成二維碼海報的組件，通過非常簡單的配置就可以生成精美的海報。反正大家知道這個開源庫非常好用就行了。

開源項目地址：https://github.com/jasondu/wxa-plugin-canvas

開源項目作者：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目錄拷貝到自己的項目組件目錄中

使用組件

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

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

<poster id="poster" config="{{posterConfig}}" bind:success="onPosterSuccess" bind:fail="onPosterFail">
    <button>點擊生成海報</button>
</poster>

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

完

推薦閱讀：

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

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

一文讀懂 JS 裝飾器，這是一個會打扮的裝飾器

好用到叫出聲！強烈推薦 10 款 Mac 軟件！

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