用于生成QR码的JavaScript API

Question

我正在寻找用于生成QR码（名称，地址等）并以可打印格式（png / jpeg / pdf）输出的JavaScript API。 在我看来，这似乎是其他人必须要有的东西。

Answer 1

jquery-qrcode如果不支持canvas，jQuery插件也会使用HTML5 canvas元素或HTML表生成QR代码。

https://github.com/jeromeetienne/jquery-qrcode

$('#test').qrcode({
    width: 120,
    height: 120, 
    text: "https://github.com/jeromeetienne/jquery-qrcode"});

使用jsFiddle演示：

http://jsfiddle.net/maxim75/YwN8p/4/

Answer 2

Google有一个QR代码生成器作为其图表工具的一部分，您可以在这里使用。

http://code.google.com/apis/chart/infographics/docs/qr_codes.html

Answer 3

Maksym的解决方案比Google的库更好，因为它在本地运行不需要调用Google API。如果你不使用jQuery，你可以在https://github.com/amanuel/JS-HTML5-QRCode-Generator

使用这个

Answer 4

另一个HTML5解决方案是http://davidshimjs.github.io/qrcodejs/，IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile浏览器兼容性

Answer 5

您可以使用Telerik Kendo-UI生成 qrcode和条形码。易于使用。

尝试使用以下示例代码：

QR码：https://demos.telerik.com/kendo-ui/qrcode/index

条形码：https://demos.telerik.com/kendo-ui/barcode/index

Answer 6

https://drive.google.com/open?id=0B3TWIbBcUUTwcE1vV24wQnRxNGs

上面是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>