使用COMPORJS或ES6模块方法
在页面上添加一个容器标签
这是因为URL太长,这会导致两个维度代码加载错误,从而降低容错率。
修改参数:分别从低到高的容错水平,l m q h
您可以首先尝试扩展生成的QR码,然后修复CSS上的显示宽度和高度,该QSS可以扩展显示像素精度
插头的默认图片不是边框
如果您只想在页面显示上有一个边框
选项1:直接向容器添加样式,并使用填充的特性挤出白色边缘
选项2:将数据包 - 级容器添加到容器中
显示结果
PS:如果您只想[打印]白色边框,这两个解决方案也可以是
QRCODE.JS文档NPM软件包地址GITHUB地址
如果您想要页面并下载QR代码,则有白色边框框架
可以与插件-in结合实现(如果还有其他方案,欢迎分享)
HTML2Canvas是使用JavaScript进行屏幕截图的插头-in
主要思维:
PS:完整的代码太多,并将其单独放在飞行书籍文档中,这很方便查看和复制完整代码
最终效果
HTML2Canvas文档地址
GitHub地址
当未加载DOM时,请勿调用JSBARCODE库,例如创建生命周期
简洁版本
复杂版本
GitHub地址
文档地址
条形码生成器
代码栏条形码这是一个无验证的自我检查代码。使用照片实验室,图书馆,仅支持0?9,+ - / $。::代码11条(例如CodeIt)为0-9和“ - ”。为了降低检查错误率,可以使用两位数的检查代码。Code39条形字符集包括数字,大写字母和 - 。$ / +%和其他字符。它通常用于资产管理,会员卡,店内代码管理和产品卷代码39扩展。这是一个扩展版本,支持完整的ASCII字符setCode39 barcode。如果有代码39条形码和大写字母以外的数字,则建议使用barcode。此基于Code39条形码。这也非常简单且易于使用Code93条形码。这是完整的ASCII模式。您可以在ASCII中使用所有128个字符。Code128a字符集包括大写字母,数字,常见的标点符号和某些控件符号。Code128b字符集包括小写字母,数字,数字和常见的标点符号。CODE128C字符集是一个纯数字序列。Code128Auto是上述三个字符的最佳优化组合。EAN13产品条代码是纯数字,数字为12位数字。最后一个是验证代码,该代码形成13位数字。它主要用于在各种商品零售行业中包装和打印。EAN8产品条形码纯数字,数字为7位数字。最后一个是验证代码,该验证代码是8位数字。它主要用于在各种商品零售行业中包装和打印。GS1-128(EAN-128)是128码,该码指定了UPC/EAN的代表规则。编码方法与Code128.ISBN条形码:ISBN是基于EAN-13的“国际标准簿号”类型,该类型主要用于出版书籍。间接插入5中的2个中的2中,通常用于物流管理中。字符集仅是数字,数字偶, 奇数数将在前面自动添加“ 0”。MSI条形码必须为纯数0-9,带有测试代码。在库和零售应用程序中使用。在MSI字体中,使用括号来表示启动和结束字符.UPC-A条形码产品条形码为纯数字,数字为11位。编码编码后,添加了一个检查代码以形成一个12位数字,该数字主要在美国和加拿大使用。UPC-E条形码产品条形码是一个纯数字,由UPC-A降低。该数字为7位数字,第一位必须为0。编码编码后,将检查代码添加到表格8位。UPCE 2数字功能与UPC-A相同,并且附加的2码代码形状代码通常用于价格。电子邮件代码,由5或9或11位数字数字邮件组成,这是一个“智能邮件”,它是指美国邮政服务为国内邮政服务提供的服务条代码。您可以提供5位数字(邮政编码)9位数字(邮政编码+ 4代码)11位数字(邮政编码+ 4个代码+ 2个代码+ 2位)主要是为示例的VUE版本编写的,但两个插件都用本机编写JavaScript。它不依赖任何库/框架,因此无论是jQuery还是反应,都可以使用它。