uni-app海报保存

1.首先定义唯一容器，下面有image和canvas标签，为什么这样做呢，解决有些h5页面canvas画不出来，所以用image去接收并展示。

<view class="pc-container">
        <image :src="imgurl" mode="aspectFill" @longpress="saveImage"></image>
        <canvas canvas-id="mycanvas" style="width: 590rpx;height: 998rpx;" v-show="canvasShow"></canvas>
        
</view>

2.页面中的宽高都是自己需求定义的，这样的样式是为了不让canvas画的时候在app端展现出来，也就是遮挡住canvas，也不让页面滚动。

image{
    width: 99%;
    min-height: 996rpx;
    border: 1px solid #BBBBBB;
        display: block;
}
.pc-container{
    width: 590rpx;
    height: 1000rpx;
    margin: 0 auto;
    padding-top: 46rpx;
    overflow: hidden;
}

3.绘画

 data() {
      return {
                imgurl:'',
                canvasShow