重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
二维码的生成(可设置大小)
创新互联公司专注于珙县企业网站建设,成都响应式网站建设公司,商城网站制作。珙县网站建设公司,为珙县等地区提供建站服务。全流程按需求定制设计,专业设计,全程项目跟踪,创新互联公司专业和态度为您提供的服务
本文写的二维码生成是基于jQuery和jquery.qrcode.min.js插件的,本文将介绍两种方法和方式,仅供朋友选择和取舍。本文最下面附有插件的下载地址!
方式:
基于jquery.qrcode.min.js插件生成,代码如下:
html
head
title生成二维码/title
meta name="author" content=" " /
script type="text/javascript" src="http //code jquery com/jquery-1.6.1.min.js"/script
script type="text/javascript" src="jquery.qrcode.min.js"/script
script type="text/javascript"
jQuery(function () {
jQuery("#qrCodeDiv").qrcode("设置二维码的内容。");
});
/script
/head
body
div id="qrCodeDiv"
/div
/body
/html
优点:基于jquery.qrcode.min.js插件生成,稳定,效率比较高。
缺点:不能设置和控制生成二维码的大小(笔者还没有找到)。
jQuery 的qrcode插件可以生成两种渲染方式的二维码。
一种是table的,也就是各种点堆积的table。
另一种是canvas。这种可以右键点击图片另存为。
如果是一个固定的二维码,我们只需要在网上找个地方生成图片,然后放上图片就可以了。但如果是地址不固定需要根据页面来生成的话。就有两种做法,一个是后端根据页面做一个动态的二维码。一种是前端使用插件生成。
本文要推荐的是一个jQuery二维码插件,它可以根据你设定的地址来生成一个二维码,二维码可以有div格式的,也有Canvas格式的,canvas的支持自定义logo和文字在上面。
jquery.qrcode.js 是把它用jquery 方式封装起来的,用它来实现图形渲染,其实就是画图支持canvas 和table 两种方式
支持的功能主要有:
1.text : "" //设置二维码内容 render,canvas
2.width :256, //设置宽度
3.height : 256, //设置高度
4. typeNumber : -1, //计算模式
5.correctLevel : QRErrorCorrectLevel.H,//纠错等级
6.background : "#ffffff", //背景颜色
7.oreground : "#000000" //前景颜色
根据信息生成二维码 jquery 动态 1、首先在页面中加入jquery库文件和qrcode插件。 2、在页面中需要显示二维码的地方加入以下代码: 3、调用qrcode插件。 qrcode支持canvas和table两种方式进行图片渲染,默认使用canvas方式,效率最高,当然要浏...
二维码制作方法如下:
1、手机上要有一个二维码生成器。在二维码生成器中输入想要的文字,点击生成。
2、先数清生成的二维码横竖是几行。这里一共是25行,大小随意,可以采用2mm一个小方格,共5cm长。
3、在合适的位置绘制,为了方便划线,2mm画一横,四边都画。这样可以方便连线,不至于弯曲的太厉害。
4、用铅笔将两边的线连起来。一般二维码三个角,正方形边都是七个格子。如果怕格子数错的话,正方形里边的小正方形占三个格子共九个格子,一行一行来,数对了再落笔。
5、不放心可以先用铅笔把要涂黑的地方画上斜线,将用铅笔画的格子擦掉,去扫一扫看能不能扫出来,可用微信的扫一扫。
首先下载jquery.qrcode插件
新建一个包括了jquery和jquery.qrcode的页面
调用qrcode插件
$('#qrcode').qrcode(""); //任意字符串
浏览器中时如下结果,默认情况下qrcode生成的是canvas图片,这样效率高,但需要浏览器支持html5
如果不支持html5,可以用table方式对图片进行渲染
$('#qrcode').qrcode({
render: "table",
text: ""
});
在浏览器中查看可以发现图片时由一个个div拼合而成的