qrcodejs2下载二维码无白边扫码识别不出来

项目用的qrcodejs2，把图片下载下来打开时预览背景和二维码colorDark一致，扫码识别不出来。
想设置边距，翻了翻文档发现没有这个功能。
最后安装了qrcode解决。

<script>
import QRCode from "qrcode";
export default {
  data() {
    return {
      downloadData: {
        url: "https://www.baidu.com/",
      },
      qrcode :""
    };
  },
  mounted() {
    QRCode.toDataURL(this.downloadData.url, {
      //这个this.url就是你扫码后要跳转的地址
      errorCorrectionLevel: "Q", //这个是容错率,(建议选较低)更高的级别可以识别
      //更模糊的二维码，但会降低二维码的容量
      width: 280,
      height: 280, //设置二维码图片大小
      margin: 20,
    })
      .then((url) => {
        console.log(url);
        this.qrcode = url; //这个是vue实例全局的变量，赋值给他。后面会用在img的src属性上
      })
      .catch((err) => {
        console.error(err); //这里看不懂的话去看一下Promise（then, catch）
      });
  },
};
</script>