省级别网站建设方案,软件开发app制作,漯河公司做网站,营销型电子商务网站一、遇到的问题#xff1a; 正常浏览网页#xff0c;二维码正常显示#xff0c;但是随着浏览器的扩大与缩小#xff0c;二维码尺寸不会随着屏幕自适应
正常浏览#xff08;截取部分#xff09;#xff1a; 缩小浏览器#xff08;截取部分#xf…一、遇到的问题 正常浏览网页二维码正常显示但是随着浏览器的扩大与缩小二维码尺寸不会随着屏幕自适应
正常浏览截取部分 缩小浏览器截取部分 二、解决办法 1、了解qrcanvas-vue插件https://gera2ld.github.io/qrcanvas-vue/#logo。只支持像素大小的二维码2、qrcode支持移动端自定义大小二维码qrcode: ^1.2.2,
import QRCode from qrcode;canvas classqrcode/canvas
_this.urlData为请求过来的url地址渲染
var canvas document.querySelector(canvas)
QRCode.toCanvas(canvas, this.urlData)
css:生成二维码之后在canvas标签里有style样式单位为px!important的层级比style要高实现自定义大小.qrcode {width: 90% !important;height: 90% !important;}
三、效果 正常浏览截取部分 缩小浏览器截取部分大小跟随着屏幕变大变小
