/vue-canvas-poster 图片太大了

Question

vue2 使用</vue-canvas-poster>  
```c
vue2 使用</vue-canvas-poster>  

生成海报太大了
求解决

```html
<template>
    <div class="box">
        <van-popup v-model="pStores" class="popup">
            <vue-canvas-poster :painting="getPainting()" @fail="fail" @success="success"></vue-canvas-poster>
            <div style="height: 500px; width: 200px; display: block">
                <img :src="posterImg" class="pStores" />
            </div>
        </van-popup>
    </div>
</template>

<script>
export default {
    name: 'posterDesign',
    data() {
        return {
            pStores: false,
            painting: {
                width: '390px',
                height: '844px',
                background: require('../assets/img/images/First_screen/20230301-215919.jpg'),
                views: [
                    {
                        type: 'image',
                        url: '',
                        css: {
                            top: '20px',
                            left: '36px',
                            borderRadius: '40px',
                            width: '80px',
                            height: '80px'
                        }
                    },
                    {
                        type: 'text',
                        text: '',
                        css: {
                            top: '48px',
                            left: '136px',
                            width: '360px',
                            maxLines: 1,
                            fontSize: '26px'
                        }
                    },
                    {
                        type: 'qrcode',
                        content: '',
                        css: {
                            bottom: '20px',
                            right: '35px',
                            color: '#000',
                            background: '#fff',
                            width: '30px',
                            height: '30px',
                            borderWidth: '1px',
                            borderColor: '#fff'
                        }
                    }
                ]
            }, //海报
            posterImg: '' //生成的海报
        }
    },
    methods: {
        getPainting() {
            this.painting.views[2].content = 'http://192.168.10.40:3000/vote/'
            return this.painting
        },
        //成功生成海报
        success(src) {
            this.posterImg = src
        },
        fail(err) {
            alert(err)
        }
    }
}
</script>

<style lang="less" scoped>
.box {
    background: #00aaee;
}

.popup {
    //height: 100vh;
    //overflow: hidden;
}

.pStores {
    //position: absolute;
    //position: fixed;
}
</style>

修改过生成的css还是无效果
解答 有￥￥

Answer 1

  //设置img的宽高，可以使页面正常显示
  <img :src="posterImg" style="width:390px;height:844px;"  class="pStores" />

如果要改组件vue-canvas-poster生成的图片的分辨率，不清楚实现，建议咨询组件开发人员或者查看相关文档