使用canvas画二维码

最新推荐文章于 2024-06-28 17:37:52 发布

孤月葬花魂

最新推荐文章于 2024-06-28 17:37:52 发布

阅读量446

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_49524462/article/details/120017276

版权

vue canvas

vue 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

使用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>