首页 > 编程知识 正文

js背景中添加二维码代码(js背景中添加二维码代码的方法)

时间:2023-12-01 15:00:19 阅读:310894 作者:FZFG

本文目录一览:

  • 1、网页中图片自动生成二维码
  • 2、如何使用js生成基于css的二维码
  • 3、html5+js实现二维码扫描的代码?
  • 4、怎么设置js生成二维码扫描出来的内容
  • 5、用js怎么实现把一个链接变成二维码
  • 6、怎么把js生成的二维码放在img标签里面

网页中图片自动生成二维码

网页自动生成二维码,原始生成二维码图片大小为宽度为150px,高度为150px。只需要在需要显示地方放入二维码JS代码即可(鼠标悬停图片的时候显示二维码)

script type="text/javascript"  

thisURL = document.URL;  

strwrite = 

 + thisURL + "' width='150' height='150' alt='图片地址URL二维码生成' /"; 

document.write( strwrite );  

/script

本二维码生成使用是google谷歌JS,加载快速、兼容所有浏览器、兼容动态网页、静态html网页。

如何使用js生成基于css的二维码

二维码是通过css的背景色填充的,如果是0填白色,1的话填黑色,每个二维码分成好多tr行,每一行里面根据0或1生成色块,构成一张二维码!

html5+js实现二维码扫描的代码?

通过下面的代码即可实现:

HBuilder就有调用原生硬件的接口html5++

!DOCTYPE html

html

head

meta charset="utf-8"

titleCamera Example/title

script type="text/javascript"

// 扩展API加载完毕后调用onPlusReady回调函数

document.addEventListener( "plusready", onPlusReady, false );

var r = null;

// 扩展API加载完毕,现在可以正常调用扩展API

function onPlusReady() {

// 获取设备默认的摄像头对象

var cmr = plus.camera.getCamera();

1、代码:代码就是程序员用 开发工具所支持的语言写出来的 源文件,是一组由 字符、符号或信号 码元以离散形式表示信息的明确的规则体系。

2、html5:是指万维网的核心语言、 标准通用标记语言下的一个应用 超文本标记语言( HTML)的第五次重大修改。2014年10月29日, 万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。

怎么设置js生成二维码扫描出来的内容

可以使用juqery的 qrcode来实现!

1, 引入 jquery 及其qrcode 插件js: jquery.js , jquery.qrcode.min.js

2 , 指定一个二维码容量元素: div id="qrcode"/div

3 , 在指定的容量元素中生成二维码: jquery('#qrcode').qrcode("这里是想要扫描后的获得的地址");

用js怎么实现把一个链接变成二维码

div id = "qrcodeid"/div //生成的二维码放在此 div 中

script type="text/javascript" src="js/jquery.qrcode.min.js"/script//引入qrcode.js(到 下载 )

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 rnFN:姓名 rnTEL;CELL,VOICE:15000000000 rnTITLE:职称 rnORG:公司(组织) rnEMAIL;INTERNET,HOME:123@qq.com rnADR;WORK,POSTAL:地球中国山东... rnURL: rnEND: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

怎么把js生成的二维码放在img标签里面

JS代码如下:

script// ![CDATA[

thisURL = document.URL;

strwrite =

"img

src=';chs=150x150choe=UTF-8chld=L|4chl="

+ thisURL + "' width='150' height='150' alt='网址URL 二维码生成' /";

document.write( strwrite );

// ]]/script

使用方法简单,直接复制上面代码到需要在网页显示的位置就可以了。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。