Vue中使用qrcode实现渲染二维码中间添加自定义logo-demo

效果 

 使用 

import QRCode from 'qrcode';

 具体生成过程

我们首先创建一个新的canvas元素，用于容纳生成的二维码。然后，使用QRCode.toCanvas方法将二维码生成到新的canvas元素中。

接下来，在logo.onload事件处理程序中，我们创建一个Image对象来加载logo图像，并在二维码中间绘制logo。最后，将生成的二维码转换为数据URL，并将其赋值给qrDataUrl变量。