当前位置: 首页 > 编程笔记 >

基于JavaScript实现生成名片、链接等二维码

华心思
2023-03-14
本文向大家介绍基于JavaScript实现生成名片、链接等二维码,包括了基于JavaScript实现生成名片、链接等二维码的使用技巧和注意事项,需要的朋友参考一下

废话不多说,直接贴代码了,具体内容如下;

<div id = "qrcodeid"></div> //生成的二维码放在此 div 中
<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>//引入qrcode.js(到https://github.com/jeromeetienne/jquery-qrcode 下载 )
<script>
function utf16to8(str) { //解决中文乱码
  var out, i, len, c; 
  out = ""; 
  len = str.length; 
  for(i = 0; i < len; i++) { 
  c = str.charCodeAt(i); 
  if ((c >= 0x0001) && (c <= 0x007F)) { 
    out += str.charAt(i); 
  } else if (c > 0x07FF) { 
    out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F)); 
    out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F)); 
    out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F)); 
  } else { 
    out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F)); 
    out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F)); 
  } 
  } 
  return out; 
} 
</script>
<script>//此处生成名片二维码(如要生成普通链接二维码 则 “text”参数值 直接替换成普通链接即可)
var the_text = "BEGIN:VCARD \r\nFN:姓名 \r\nTEL;CELL,VOICE:15000000000 \r\nTITLE:职称 \r\nORG:公司(组织) \r\nEMAIL;INTERNET,HOME:123@qq.com \r\nADR;WORK,POSTAL:地球中国山东... \r\nURL:http://leerd.cn \r\nEND:VCARD";
the_text = utf16to8(the_text);
//alert(the_text);
jQuery('#qrcodeid').qrcode({
width:140,
height:140,
render:"canvas", //设置渲染方式 table canvas
typeNumber : -1,  //计算模式 
correctLevel  : 0,//纠错等级 
background   : "#ffffff",//背景颜色 
foreground   : "#000000",//前景颜色 
text:the_text
}); 
</script>

以上内容就是本文的全部内容,希望大家喜欢。

 类似资料:
  • 本文向大家介绍基于python实现可视化生成二维码工具,包括了基于python实现可视化生成二维码工具的使用技巧和注意事项,需要的朋友参考一下 环境 pip install gooey pip install MyQR 源代码 效果 Gui界面 动态图 黑白 彩色 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍JavaScript生成二维码图片小结,包括了JavaScript生成二维码图片小结的使用技巧和注意事项,需要的朋友参考一下 摘要:   百度百科上是这样介绍二维码的:二维码(Quick Response Code),又称二维条码,它是用特定的几何图形按一定规律在平面(二维方向)上分布的黑白相间的图形,是所有信息数据的一把钥匙。在现代商业活动中,可实现的应用十分广泛,如:产品防伪/溯

  • 本文向大家介绍IOS生成与读取二维码名片,包括了IOS生成与读取二维码名片的使用技巧和注意事项,需要的朋友参考一下 一、概述 1、通过某种特定的几何图形按一定规律在平面(二维方向上)分布的黑白相间的图形记录数据符号信息的 2、二维码通常可以包含以下内容 纯文本 名片 URL 3、二维码具有非常广泛的应用 二维码名片 扫码付款 网址(URL),扫描后自动打开网址 二、二维码的生成 1、生成原理 通过

  • 本文向大家介绍使用Zxing实现二维码生成器内嵌图片,包括了使用Zxing实现二维码生成器内嵌图片的使用技巧和注意事项,需要的朋友参考一下 使用Zxing实现二维码生成器内嵌图片,具有一定的参考价值,具体如下: 基本思路是先使用zxing生成的二维码图片,然后读取图片,在其中插入图标,然后整个输出图片。 最近的项目中需要生成二维码,找了几个例子综合下,做出了最后的效果,二维码可以生成图片格式(jp

  • 本文向大家介绍基于PHP实现生成随机水印图片,包括了基于PHP实现生成随机水印图片的使用技巧和注意事项,需要的朋友参考一下 基于PHP的GD图形库,自己生成一张图片。仅限初识GD库,实例学习。 一、需求 网站的布局用到了类似慕课网课程列表的风格,每一个课程是一个banner图,图下面是标题加简介。因为课程的数量较大没有为所有的课程设计专门的banner,所以需要按照一定的规则,来自己生成图片(本打

  • 本文向大家介绍基于jquery实现等比缩放图片,包括了基于jquery实现等比缩放图片的使用技巧和注意事项,需要的朋友参考一下 基于jquery的图片尺寸调整 resize.js 代码很简洁,使用起来也很简单,小伙伴们直接使用即可