【Using Infographics】使用信息图表

最近一直在写手机站，其中一个是在底部的二维码，上头要求看能不能使用本地的库文件来引用生成网址二维码，但是我之前一直找了好久都没找到，不过倒是让我给找到一个谷歌的信息图形表中有一项就是关于qr生成码的非常好用，而且虽然人家已经停止服务但是生成照样还是能用，但是不知道翻译需不需要授权，如果要的话，请告知，会删掉文章的。。总之，先放下原文地址，有能力的自个链接过去瞧瞧吧，不然大意看看我的文章也能直接使用google的qr api直接生成

如果只是想使用qr生成的而已，直接点击这里 -->  http://blog.youkuaiyun.com/eadio/article/details/25328011

https://developers.google.com/chart/infographics/docs/overview  这个是入门信息了解就好。。。

1.      信息图表入门

本页介绍的是如何使用信息图表服务器制作图像的基础知识

======================================================================

信息图表使用政策

我们没有限制你每天请求事情信息图表的次数，但是，我们保留阻止的是那些我们认为滥用了这项功能使用权

 

1、入门

该信息图表服务器响应一个URLGET或POST请求返回的图像。所有请求创建的图形所需的数据都被包含在一串URL中，其中包括图像类型和大小。例如，复制以下URL并黏贴到你的浏览器中：

 

https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=Hello%20world  

 

你将看到一张QR码图像来代表“Hello world”短语，你可以试着输入你的名字来替换这串短语并刷新浏览器，他就是这么运转的！【chl=Your Name】

 

下面是关于这串URL的更多介绍：

https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=Hello%20world
https://chart.googleapis.com/chart? – 所有的信息图表URL都包含这串根URL，后面跟着一个或者多个的参数/值，必选和可选参数都会影响到每一个图像，具体根据你的图像文档
chs – 表示图像的像素，格式是<width>X <height>
cht – 图像的类型：’qr’指的是QR码
chl – 数据编码，必须是URL编码串

 

2、优化

======================================================================

接下来是关于图像的几点优化：

 

改善一个页面多张图像的加载时间  

如果你的页面上只有几个图像【5个以内】，标准的基本URL https://chart.googleapis.com/chart就能实现。

然而，当你需要多张图像的时候，你可以在chart.apis.google.com 前面使用[0-9]的数字和一个符号点【“.”】。如果你为你网页上的每个图像指定不同的数字编号，浏览器就会尝试着同时加载这些图像，而不是按照数字顺序加载他们。因此，当你的页面需要加载5个或者更多的图像的时候，你只需这么做。例如下列所示：

http://0.chart.apis.google.com/chart?cht=...

http://1.chart.apis.google.com/chart?cht=...

http://2.chart.apis.google.com/chart?cht=...

……

 

3、使用POST

URL的长度限制是2K，因此如果你的图像代表的数据超出范围，你就不得不使用POST来代替GET。（GET是当你直接把图像URL键入到浏览器地址栏，或者是把它作为一个web页面的<img>元素。POST需要另外一种语言来额外处理编程，比如PHP或者PERL）。

 

你也可以使用POST来生成一个页面的编程。

 

阅读关于使用POST来请求一张图像