架构师_程序员_码农网

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 6096|回复: 0

[JavaScript] js字符串生成二维码实例图片

[复制链接]
发表于 2018-1-2 14:50:41 | 显示全部楼层 |阅读模式
QQ截图20180102144604.jpg
QQ图片20180102144833.jpg

生成的html页面如下:

<div style="width:200px; height:200px;margin:0 auto;" id="qrcode" title="架构师 https://www.itsvse.com"><canvas width="200" height="200" style="display: none;"></canvas><img alt="Scan me!" src="data:image/png;base64,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" style="display: block;"></div>


QQ截图20180102144628.jpg

首先,js源码如下:



html操作代码如下:



参考链接地址:https://github.com/davidshimjs/qrcodejs




上一篇:请问如何充值MB?
下一篇:llt流量宝盒疑似有bug漏洞可提高收益
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

免责声明:
码农网所发布的一切软件、编程资料或者文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。

Mail To:help@itsvse.com

QQ|手机版|小黑屋|架构师 ( 鲁ICP备14021824号-2 )|网站地图

GMT+8, 2024-4-19 11:30

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表