为网页生成二维码(jquery.qrcode.min.js)

做网站活动页面的时候,要为每个活动生成一个二维码,虽然简单,但还是习惯记录下来。

jquery.qrcode.min.js是js的一个库,主流的浏览器都支持:IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile方法: qrcode(),参数:    text:要编码的字符串地址    width:定义的宽度    height:定义的高度    background:背景色    foreground:前景色
<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>生成二维码</title>
		<script type=‘text/javascript‘ src=‘http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js‘></script>
		<script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
	</head>
	<body>
		<div id="qrcode"></div>
	</body>
	<script>
		$("#qrcode").qrcode({
			width:64,
			height:64,
			text:"https://www.baidu.com/"
		})
	</script>
</html>

  用qrcode.js生成二维码,默认是canvas画的

<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>生成二维码</title>
		<script type="text/javascript" src="qrcode.js"></script>
	</head>
	<body>
		<div id="qrcode"></div>
	</body>
	<script>
		new QRCode(document.getElementById("qrcode"),"https://www.baidu.com/")
	</script>
</html>

  

  

时间: 2024-09-28 21:34:06

为网页生成二维码(jquery.qrcode.min.js)的相关文章

前端生成二维码 jquery.qrcode.js

用jquery的二维码插件:jquery.qrcode.js 官方简介:jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件,它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务,比如最近 Google 服务在国内访问不稳就造成我好几个网站的 QRcode 不能使用,并且压缩之后大小小于 4K. jquery.qrcode.js 使用 1. 加载 jQuery 和 jquery.qrcode.js: <script type='text

vue2.0 自定义 生成二维码(QRCode)组件

1.自定义 生成二维码组件 QRCode.vue <!-- 生成二维码 组件 --> <template> <canvas class="qrcode-canvas" :class="{show: show}" :style="{height: size + 'px', width: size + 'px'}" :height="size" :width="size" ref=

qrcode网页生成二维码

jquery.qrcode.js http://blog.jetienne.com/blog/2011/04/07/jquery-qrcode/ 介绍: jquery.qrcode.js is jquery plugin for a pure browser qrcode generation. It allow you to easily add qrcode to your webpages. 使用: How to Use It Let me walk you thru it. First

java生成二维码使用QRCode和ZXing两种方式

QRCode是日本人开发的ZXing是google开发的 QRCode开发需要包http://download.csdn.net/detail/xiaokui_wingfly/7957815 ZXing开发需要包http://download.csdn.net/detail/u010457960/5301392 QRCode方式: package cn.utils; import java.awt.Color; import java.awt.Graphics2D; import java.aw

flask 生成二维码(qrcode)

生成方法 # -*- coding: utf-8 -*- import qrcode from io import BytesIO def gen_qr_code(data): # 实例化QRCode生成qr对象 qr = qrcode.QRCode( version=1, error_correction=qrcode.constants.ERROR_CORRECT_H, box_size=10, border=4 ) # 传入数据 qr.add_data(data) qr.make(fit=

使用jquery.qrcode生成二维码实现微信分享功能

前言: 最近有个这样的需求,在pc端的商品详情页增加分享功能. 微博分享.QQ好友分享.QQ空间分享这些都很常见.但是微信分享我还没有手动写过(以前改过). 最终效果如下图: 解决方案:使用jquery.qrcode插件生成二维码 jquery.qrcode cdn地址 参见: https://www.bootcdn.cn/jquery.qrcode/ 1.加载 jQuery 和 jquery.qrcode.js: <script src="https://cdn.bootcss.com/

js生成二维码以及点击下载二维码

js生成二维码 jquery.qrcode.js可以快速使用页面生成二维码.但改项目有两个小问题:1.不支持中文:2.不支持二维码中间生成图片. 支持中文的jquery-qrcode jquery.qrcode.js默认不支持中文.这跟js的机制有关系,jquery-qrcode这个库是采用 charCodeAt()这个方式进行编码转换的, 而这个方法默认会获取它的 Unicode 编码,一般的解码器都是采用UTF-8, ISO-8859-1等方式,英文是没有问题,如果是中文,一般情况下Unic

前端生成二维码插件jquery.qrcode.min.js

1.插件介绍 jquery.qrcode.min.js插件是jq系列的基于jq,在引入该插件之前要先引入jq.能够在客户端生成矩阵二维码QRCode 的jquery插件 ,使用它可以很方便的在页面上生成二维条码. 闲话少说,看demo吧!(haha...) 2.快速使用demo 简单介绍:这是一款快速应用案例,没有太特殊的需求的话够用了.鉴于需求,本例是把二维码生成了图片,可以保存到手机,然后发送给好友,直接识别二维码. 1 <!DOCTYPE html> 2 <html> 3 &

js生成二维码的jquery组件–qrcode

js生成二维码的jquery组件–qrcode 2015/01/30 / 2508 VIEWS / JAVASCRIPT, JQUERY 有一些耗cpu的计算,完全可以在客户端上计算,比如生成二维码. qrcode其实是通过计算,然后使用jquery实现图形渲染和画图.支持canvas和table两种方式生成我们所需的二维码. 一.具体用法 1.所需资源 qrcode是jquery组件,需要至少两个js, 就是 jquery 和 jquery.qrcode.您可以到https://github.