如何在微信公众号网页调整vue-canvas 生成的海报上面的头像,昵称,二维码的大小和位置

我在后台生成了一个二维码海报,微信扫码会进入微信公众号一个活动详情的网页,然后有个推广 再次生成海报 这个海报是在微信公众号网页上的根据微信用户名和头像还有当前活动详情页的网址生成 ,现在有个问题,我怎么调整 海报上面的头像昵称,和二维码的位置,

参考如下代码

painting: {
        width:`${document.documentElement.clientWidth}px`,
        height:`${document.documentElement.clientWidth*1.777}px`,
        background: '#f4f5f7',
        views: [
          {
            type: 'image',
            url: require('../../assets/XzyRescources/vipBg.png'),
            css: {
              width:`${document.documentElement.clientWidth}px`,
              height:`${document.documentElement.clientWidth*1.777}px`,
              top: '0'
            }
          },
          {
            type: 'image',
            url: require('../../assets/XzyRescources/userImg.png'),
            css:{
              width:`${document.documentElement.clientWidth/3.5}px`,
              height:`${document.documentElement.clientWidth/3.5}px`,
              top:`${document.documentElement.clientWidth/5.5}px`,
              left: `${document.documentElement.clientWidth/2.8}px`,
            }
          },
          {
            type: 'qrcode',
            content:'19263',
            css: {
              top: `${document.documentElement.clientWidth/1.25}px`,
              left: `${document.documentElement.clientWidth/3.7}px`,
              color: '#333',
              width: `${document.documentElement.clientWidth/2.1}px`,
              height: `${document.documentElement.clientWidth/2.1}px`
            }
          },
          {
            type: 'text',
            text: '兜兜里裹糖@',
            css: [
              {
                top:`${document.documentElement.clientWidth/2}px`,
                left: `${document.documentElement.clientWidth/2.7}px`,
                color:'rgba(52,52,52,1)',
                fontSize: '17px'
              }
            ]
          },
          {
            type: 'text',
            text: '- 长按保存二维码 -',
            css: [
              {
                top:`${document.documentElement.clientWidth*1.5}px`,
                left: `${document.documentElement.clientWidth/3}px`,
                color:'rgba(52,52,52,1)',
                fontSize: '17px'
              }
            ]
          },
        ],
      },
      img:'',
    }