众所周知,谷歌提供免费 API,名为:developer.google.com
但是这个api有一些限制,我们无法根据我们的情况进行定制。但它对于小需求来说简单而有效。所以,我想做的是裁剪二维码,使其看起来合适。
示例如下:
网址:
<img src="https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=http%3A%2F%2Fwww.google.com%2F&choe=UTF-8" title="Link to Google.com" />
Run Code Online (Sandbox Code Playgroud)
如上面的示例所示,您会看到它包含距离 QR 图像边缘相当大的填充(空格)。我想要的是从图像边缘删除(裁剪)这些空间,使其看起来像下面的示例:
引导程序:
<tr>
<th>QR Code</th>
<td class ="text-left">
<img class="img-thumbnail img-responsive" src="https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=http%3A%2F%2Fwww.google.com%2F&choe=UTF-8" title="Link to Google.com" />
</td>
</tr>
Run Code Online (Sandbox Code Playgroud)
输出:
目标:
是的,我知道 QR 生成器库将是更好的选择,但我的主要关注点是 Charts.googleapis,如果有人给出方向或建议,这将是一个很大的帮助。