小编nav*_*ngh的帖子

如何在Bootstrap中裁剪GoogleAPI二维码图像?

众所周知,谷歌提供免费 API,名为:developer.google.com

但是这个api有一些限制,我们无法根据我们的情况进行定制。但它对于小需求来说简单而有效。所以,我想做的是裁剪二维码,使其看起来合适。

示例如下:

qr

网址:

<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,如果有人给出方向或建议,这将是一个很大的帮助。

css twitter-bootstrap bootstrap-4

3
推荐指数
1
解决办法
2562
查看次数

标签 统计

bootstrap-4 ×1

css ×1

twitter-bootstrap ×1