使用Google Charts API轻松生成QR代码
当我发现使用GoogleChartsAPI创建QR码的能力时，我决定坐下来并创建一个可以为我生成QR码的小工具。我已经有一段时间了，最近我注意到QR码机制已被弃用。该API仍然可以使用几年，因此我认为值得发布。使用GoogleCharts创建静态QR代码非常容易，您要做的就是创建图像。例如，为＃！创建一个QR码！代码地址我将执行以下操作。
这将创建以下图像。
为了给它增加一点自动化，我创建了一个带有文本区域和图像的HTML页面。这构成了将创建QR码的工具的基础。
为了使事情变得简单，我决定使用jQuery与页面上的元素进行交互，因此我使用另一个Google服务（包括名为GoogleAjax的JavaScript框架）创建了一个include。然后，我编写了一个小函数，每次在文本区域中输入文本时都会更新图像的来源。
该代码有效，但是如果您将任何内容绑定到文本区域中，则会向Google提出很多请求，并且图像会多次更新。为了阻止这种情况，我引入了一个较小的超时，以便图像更新功能仅每秒运行一次，而不是立即运行。
此后，我扩展了该工具，以允许更改QR码的大小。这涉及到在表单中添加一个简单的select元素，因此我现在有了以下内容。
然后，我将此选择元素合并到jQuery中，以便将大小合并到QR码调用中。我还添加了一个keydown()在文本区域上运行事件的子句，以便在选择新大小时更新QR码。
如果要查看实际使用的工具，请查看QR码生成器工具。