用于生成QR码的JavaScript API

Question

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

Answer 1

如果不支持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和条形码 。 这个用起来很简单。

尝试使用以下示例代码：

二维码： 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>