解决H5在微信浏览器中保存联系人问题

利用QRCode.js 生成二维码。 可离线生成,

主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库

效果图

解决H5在微信浏览器中保存联系人问题_第1张图片

上代码!!!!



 
  
  手机名片生成器
  
  
  
  
  
  
  
 
 
  
手机名片生成器
姓氏 名字
职称
移动电话
家庭电话
家庭住址
公司名称
个人网站
电子邮箱
生日
本工具可将你的信息生成一张二维码,你可以按住生成的二维码将其保存至手机然后通过微信或者其他通讯工具发给其他人,其他用户扫描你的二维码之后可自动将你的信息保存至你的 手机通讯录。注意是 手机通讯录哦~
使用过程中完全不占你流量,不窃取你任何信息,打开本页面后断开手机网络依旧可以 免流量离线生成二维码。

如果出现乱码拼接的vcard传到 utf16to8函数中

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;
    }

 

 

所需要的工具和源代码,点击这里

 

 

你可能感兴趣的:(前端)