vue 使用qrcode生成的二维码 如何去除白边

Question

vue 中使用qrcode生成的二维码 有一个很粗的白色边框

想要这个白色边框变细一点或去除掉 哪位大佬知道应该哪里设置啊

版本："qrcode": "^1.3.2",

以下是代码

<template>
    <div class="detail">
      <canvas id="codeCanvas"></canvas>
    </div>
</template>

<script>

import QRCode from 'qrcode' 
export default {
  data() {
    return {
      QueryDetail: '',
    }
  },
  mounted(){
    
　　　　this.QueryDetail='http://www.baidu.com'
        var canvas = document.getElementById('codeCanvas')
        QRCode.toCanvas(canvas, this.QueryDetail, function (error) {
        
        })

  },
  methods: {
    
  }
}
</script>

<style lang="scss" scoped>
  .detail{
    #codeCanvas{
      width: 6rem!important;
      height: auto!important;
    }

  }
  
</style>

Answer 1

设置margin等于0就没有了，默认是4