javascript中的二维码生成库
我目前正在寻找一个js库,可以编码二维码文本。到目前为止,我发现它似乎已经坏了,尽管其他人声称正在使用它。示例页不起作用。通过玩一点,我成功地生成了代码,但它们并没有被手机软件解码 有没有另外一个库是js的?有人设法让它工作了吗 我对从在线服务(kaywa、google等)获取代码的解决方案不感兴趣javascript中的二维码生成库,javascript,qr-code,Javascript,Qr Code,我目前正在寻找一个js库,可以编码二维码文本。到目前为止,我发现它似乎已经坏了,尽管其他人声称正在使用它。示例页不起作用。通过玩一点,我成功地生成了代码,但它们并没有被手机软件解码 有没有另外一个库是js的?有人设法让它工作了吗 我对从在线服务(kaywa、google等)获取代码的解决方案不感兴趣 更新: 你们说得对,那个图书馆确实管用。我的问题是,我尝试将其包含在HTML5样板页中,而document.write在其中似乎不起作用。无论如何,我修改了示例代码,使浏览器在画布中绘制,而不是在
更新: 你们说得对,那个图书馆确实管用。我的问题是,我尝试将其包含在HTML5样板页中,而document.write在其中似乎不起作用。无论如何,我修改了示例代码,使浏览器在画布中绘制,而不是在表中绘制,并向后获得了fillRect函数的顺序。下面是正确的函数调用
context.fillRect(c * UNIT_SIZE, r * UNIT_SIZE, UNIT_SIZE, UNIT_SIZE);
// it's column-row, not row-column; don't ask why :)
因为我的图像不再被转换:),现在qr解码很好。感谢您的支持。您发布的脚本正在运行,sample.html未解析为html
如果找不到本机JavaScript实现,则始终可以从服务器上通过AJAX自己创建映像 我找不到javascript二维码生成器 <>但是你可以考虑使用谷歌的API: 更新: 我刚试过,我觉得很好。我所做的唯一一件事就是增加大小并使其正确地关闭TDs,因为自动关闭不是正确的html。 我测试了3个不同的字符串,并在iPhone上使用了一个名为QRReader的应用程序进行解码 更新2:
使用
var qr=新QRCode(10,QRErrorCorrectLevel.L)
我能够在QRCode中容纳271个字符,但可能不是最可靠的设置。我用javascript编写了一个简单的GPLv3 qr编码器,它是本地的,使用HTML5,速度非常快,因为它是我为Atmel AVR处理器编写的嵌入式C版本的一个端口
有一个实时版本(可在iOS设备上保存为webapp)
(保存到主页,在safari中打开,以便您可以复制图像或使用airprint)
以下是指向的链接。初始帖子中的二维码最多支持271个字节(版本10,大小=57x57,EC级别L) 要使其支持QR码的完整规格(版本40、177x177、2953字节),您必须向其RS_BLOCK_表中添加更多值 请参见此处的剩余矩阵(版本11-40):
我发现了一个基于javascript jquery的qrcode生成器,您可能会感兴趣。它是开源的,而且非常有效。以下是链接:
这一款的优点是重量轻,不需要调用任何远程服务或网站。谷歌有一个二维码生成器作为其图表工具的一部分,您可以在这里使用
jquery qrcode如果画布不受支持,jquery插件也会使用HTML5画布元素或HTML表格生成qrcode 正在使用的JSIDLE演示:
Maksym的解决方案比Google的库更好,因为它在本地运行,不需要调用Google API。另外,如果您不使用jQuery,您可以在使用这个函数。有一个简单的JavaScript库,我发现它曾被调用过 js是一个跨浏览器JavaScript库,允许您在客户端动态生成QRCodes。js使用HTMl5画布和表格来显示QRCode。库本身没有任何依赖关系
要生成QRCode,您只需包含JavaScript库,然后作为参数传递给QRCode函数、要编码为QRCode的文本、要显示的QRCode的宽度和高度,以及指定的前景色和背景色。npm有一些。我不知道哪些是好的
$ npm search qrcode
npm http GET https://registry.npmjs.org/-/all/since?stale=update_after&startkey=1379059929305
npm http 200 https://registry.npmjs.org/-/all/since?stale=update_after&startkey=1379059929305
NAME DESCRIPTION A
jsqrcode a node port of Lazar Laszlo's `jsqrcode` qr code decoder =
jsqrcode-lite Simplified version of Lazar Laszlo's `jsqrcode` for node. =
node-zxing ZXing Wrapper =
qr A small library to generate QR codes with libqrencode. =
qr-element qrcode dom element =
qr.js qrcode encoding in javascript =
qrcode QRCode / 2d Barcode api with both server side and client side s
qrcode-emitter Emits QR codes found in an image stream. =
qrcode-npm QRCode Generator for JavaScript =
qrcode-terminal QRCodes, in the terminal =
qrcode.js QR Code Detection / Decoding / Generation =
qread QRcode detector & decoder =
qruri NodeJS port of Kang Seonghoon's qr.js =
rescode Generate Codes (EAN13, QRCODE ..) =
zbar node-zbar is a NodeJS binding to the ZBar QR Code library.
另一个HTML5解决方案是IE6~10、Chrome、Firefox、Safari、Opera、Mobile Safari、Android、Windows Mobile浏览器兼容性我使用的是ShieldUI Lite二维码,可以在这里找到: 包含所有版本的二维码和所有错误级别 上面是js文件的链接,将其包含在您的项目中,并在cake php或任何您想使用的地方的ctp文件中编写以下代码。我在蛋糕php中测试了它
<-- including the file....
<?php echo $this->Html->script('jquery.qrcode.min.js')?>
<div style='padding:100px''><img id="demo" style='width: 100px,height: 100px'></div>
<script type="text/javascript">jQuery("#demo").qrcode({text: "HEllo World!"});</script>
作为画布/PNG
也有来自同一作者的新的作为“旧的”
作为画布/PNG/SVG
by还可以创建二维码作为SVG。我知道这是一个老问题,但我认为没有必要使用库从文本生成二维码。你只需要使用
实现非常简单,我们有一个带有文本字段的表单来捕获内容数据。每当我们按下generate按钮时,我们都会为API生成一个新的请求URL,该URL有两个主要组件data
和size
。前者需要对文本内容进行编码,后者将定义图像的大小。代码如下:
让baseURL='0https://api.qrserver.com/v1/create-qr-code/?data='
让config='&size=120x120'
让btn、qrCode、内容;
函数htmlEncode(值){
返回$('').text(value.html();
}
$(函数(){
btn=$(“#生成”);
qrCode=$(“.qrCode”);
内容=$(“#内容”);
点击(函数(){
qrCode.attr('src',baseURL+encodeURIComponent(htmlEncode(content.val())+config);
});
});代码>
.qr码{
最大宽度:160px;
利润率:10px;
}
输入内容:
生成
您可以使用Telerik Kendo UI生成qrcode和条形码。它很容易使用
尝试使用以下示例代码:
二维码:
条形码:您可以尝试解决这个问题,但我会选择服务器端脚本,如果用户禁用JS或其他东西会怎么样。它将成为intranet应用程序的一部分,因此禁用的javascript不会出现问题
<-- including the file....
<?php echo $this->Html->script('jquery.qrcode.min.js')?>
<div style='padding:100px''><img id="demo" style='width: 100px,height: 100px'></div>
<script type="text/javascript">jQuery("#demo").qrcode({text: "HEllo World!"});</script>