使用canvas画二维码

使用canvas画二维码

需要使用 qrcode 依赖

具体代码如下

<template>
  <div>
    <canvas ref="code"></canvas>
  </div>
</template>

<script>
import QRCode from 'qrcode'

export default {
      
      
  mounted() {
      
      
    let code = 'xxxxx'; // 为安全起见，这里就不展示实际code
    QRCode.toCanvas(this.$refs.code, code);
  }
}
</script>

<style scoped>
canvas {
      
      
  /* 控制大小 */
  width: 200px!important;
  height: 200px!important;
}
</style>