Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript中的二维码生成库_Javascript_Qr Code - Fatal编程技术网

javascript中的二维码生成库

javascript中的二维码生成库,javascript,qr-code,Javascript,Qr Code,我目前正在寻找一个js库,可以编码二维码文本。到目前为止,我发现它似乎已经坏了,尽管其他人声称正在使用它。示例页不起作用。通过玩一点,我成功地生成了代码,但它们并没有被手机软件解码 有没有另外一个库是js的?有人设法让它工作了吗 我对从在线服务(kaywa、google等)获取代码的解决方案不感兴趣 更新: 你们说得对,那个图书馆确实管用。我的问题是,我尝试将其包含在HTML5样板页中,而document.write在其中似乎不起作用。无论如何,我修改了示例代码,使浏览器在画布中绘制,而不是在

我目前正在寻找一个js库,可以编码二维码文本。到目前为止,我发现它似乎已经坏了,尽管其他人声称正在使用它。示例页不起作用。通过玩一点,我成功地生成了代码,但它们并没有被手机软件解码

有没有另外一个库是js的?有人设法让它工作了吗

我对从在线服务(kaywa、google等)获取代码的解决方案不感兴趣


更新:

你们说得对,那个图书馆确实管用。我的问题是,我尝试将其包含在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>