reader/components/createPoster/index.wxml

<view class="mediaBox" wx:if="{{state}}">
    <view class="poster">
        <image src="/static/lollipop.png" class="close" catchtap="closeMediaBox" />
        <image src="https://reader-wx.ai160.com/images/reader/pay/shareBg.jpg" class="img" />
        <image src="{{qrCode}}" class="qrCode" />
    </view>
    <view class="btns">
        <button class="resetBtn btn" open-type="share">
            立即分享
        </button>
        <view class="btn" bindtap="savePoster" style="background: linear-gradient(180deg, #FFB382 0%, #FFA45D 100%);">
            保存海报
        </view>
    </view>
    <canvas class="canvas" type="2d" id="cavansId" />
</view>