给每个页面URL生成QR二维码

创意&设计 CN-P5 2782℃ 0评论

工作中遇到一个小问题给每个页面URL生成QR二维码,自动获取页面URL地址,生成二维码图片,给每个节点添加二维码,用google的api解决。代码如下:

<style type="text/css">
.qrcode{
    width:200px;
    height:200px;
    margin:auto;
}
</style>
<div class="qrcode">
<script type="text/javascript">
    document.write("<img src=\"https://chart.useso.com/chart?cht=qr&chs=500x500&choe=UTF-8&chld=L|2&chl=");
    document.write(window.location.href);
    document.write("\" width=\"200\" height=\"200\" alt=\"二维码\"/>");
</script>
</div>

上面是所有代码,创建一个drupal区块把代码复制到里面,随后分配区块位置就好了,代码中的 200 为二维码的高宽,高宽一定要一样,你可以根据自己的边栏宽度更改。这套代码是利用了 google 的 API 实现的,详细参数可参见Google Chart Tools: Infographics 文档。

转载请注明:黑白的自留地 » 给每个页面URL生成QR二维码

喜欢 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址