首页 > 【绝对靠谱】Vue生成二维码Qrcode,可插入二维码中心logo图标,可以设置二维码颜色大小等属性

【绝对靠谱】Vue生成二维码Qrcode,可插入二维码中心logo图标,可以设置二维码颜色大小等属性

效果 

代码

npm install vue-qr --save

个别网络用 cnpm install vue-qr --save 安装

属性说明:

text编码的内容(支持文字、网址)
correctLevel容错级别 0-3(容错级别越高,代表遮住二维码部分越多,依然可以识别)
size尺寸, 长宽一致, 包含外边距(推荐20px)
margin二维码图像的外边距, 默认20px
colorDark实点的颜色(默认黑色)
colorLight空白区的颜色(默认白色)
bgSrc嵌入的背景图地址(支持png、jpg)
gifBgSrc欲嵌入的背景图 gif 地址,设置后普通的背景图将失效。设置此选项会影响性能
backgroundColor背景色(默认白色)
backgroundDimming叠加在背景图上的颜色, 在解码有难度的时有一定帮助(默认白色)
logoSrc嵌入至二维码中心的 LOGO 地址(支持png、jpg)
logoScale用于计算 LOGO 大小的值, 过大将导致解码失败, LOGO 尺寸计算公式 logoScale*(size-2*margin),(默认 0.2)
logoMarginLOGO标识周围的空白边框, 默认为0(推荐5px)
logoBackgroundColorLogo 背景色,需要设置 logo margin(默认白色)

更多相关:

  • 环境 ubuntu12.04    因为桌面版的默认装了,而且调声音也很方便,这里说一下server版下的配置,毕竟做开发经常还是用server版的 1.安装 apt-get install alsa-base 它会把alsa-utils也一块装了,这是个工具包,如果没装的话 直接 apt-get install alsa-util...

  • 当我们在服务器中安装了WMS后会自动创建一个默认的点播发布点,对应的目录为C:WMPubWMRoot,当然我们也可以根据需要更改。有这个默认发布点,就可以通过mms://ServerName/MediaName  这种方式来访问C:WMPubWMRoot目录中的音视频文件。 如果一不小心将默认的发布点删除了,之后又想重新添加...

  • 简介 二维码简称 QR Code(Quick Response Code),学名为快速响应矩阵码,是二维条码的一种,由日本的 Denso Wave 公司于 1994 年发明。现随着智能手机的普及,已广泛应用于平常生活中,例如商品信息查询、社交好友互动、网络地址访问等等。 下面是我使用qrcode生成的自己博客的二维码,欢迎关注。...