图片上传网站源码,焦作做网站的,网站建设找盛誉网络,花瓣网平面设计素材一、遇到的问题#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;}
三、效果 正常浏览截取部分 缩小浏览器截取部分大小跟随着屏幕变大变小
