首页 / HTML5 / 使用HTML5实现扫描PC二维码且触发WAP端上传资源功能的示例代码

使用HTML5实现扫描PC二维码且触发WAP端上传资源功能的示例代码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用HTML5实现扫描PC二维码且触发WAP端上传资源功能的示例代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含11244字，纯文字阅读大概需要17分钟。

内容图文

讲解一篇Java代码根据参数动态生成PC二维码效果，且成功扫描并http://www.gxlcms.com/php/php-tp-uploads.html" target="_blank">上传图形或视频资源的功能。

技术难度一般，关键在于如何把一整套逻辑思路整合到项目上，如果调用，应该到哪些技术，理清了交互关系，详细对于大家而言这就是一份入门级别的代码参考，以作提升。

粗略介绍一下应用到的技术问题，前端方法使用简单的html元素布局，生成<img>二维码即可，后端框架为SpringMVC，结构简单，查阅清晰，应用到的二维码Jar包为：qrcode_swetake.jar 。

一、从前端开始入手，先构建页面布局确保能够生成二维码效果：

使用HTML5实现扫描PC二维码且触发WAP端上传资源功能的示例代码 - 文章图片

实现出来的成型效果如上图所示，鼠标移入移出则显示隐藏二维码效果框，自行慢慢摸索CSS如何实现了，这里需要说明的是二维码只需要一句话即可动态生成。

<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>
<img src="${ctx}/upload/codeImg.html?userId=${loginUserId}" />

设置一个<img>标签动态生成接收返回的二维码图，高宽度自行根据实际情况设定，然后就哔的一声手机即可访问的，当然测试阶段请确保IP同在一个局域网。

扫描出来的页面也异曲同工，关键在于你要设计成什么样子，只要能实现上传功能即可。

我应用的前端上传插件为jquery.form.js，主要JS方法如下：

<input type="file" name="tempFile" id="tempFile"  
    accept= ".avi,.mpg,.mp4,.mov;capture=camera" onchange="previewFile('tempFile');"/>
<input type="file" name="tempFile" id="tempFile" 
    accept= "image/jpg,image/JPG,image/jpeg,image/JPEG,image/pdf,image/png;capture=camera" 
    onchange="previewFile('tempFile');"/>
    
<script language="javascript">
        function previewFile(id){
      var x = document.getElementById("tempFile");
      if(!x || !x.value) return;
      var patn = /\.jpg$|\.JPG$|\.jpeg$|\.JPEG$|\.pdf$|\.PDF$|\.png$|\.PNG$/;
      var inpType = "image\/jpg,image\/JPG,image\/jpeg,image\/JPEG,image\/pdf,image\/PDF,image\/png,image\/PNG";
      var type = $("#type").val();
      if(type=='video'){
          patn = /\.mp4$|\.MP4$|\.mov$|\.MOV$/;
          inpType = ".MP4,.MOV,.mp4,.mov";
      }
      if(!patn.test(x.value)){   
          if(type=='video'){
              alertMsg("请上传mov、mp4格式的视频");
          }else{
              alertMsg("请上传jpg、png、pdf格式的文件");
          }
      }else{
              initShow();
            $("#uploadForm").ajaxSubmit(options);
      }
       }
     
    var options  = {
        dataType:"json",
        url:'${ctx}/upload/uploadAndSaveFile.html',    
        type:'post',    
        contentType: "application/x-www-form-urlencoded; charset=utf-8", 
        success:function(data)  {
            initHide();
            if(data.success){
                //alertCallBack("上传成功<br/>请前往PC端刷新后查阅！",function(){
                    document.location.href="${ctx}/upload/toUploadEndDetail.html";
                //});
            }else{
                alertCallBack(data.message,function(){
                    window.location.reload();
                });
                //alertMsg(data.message);
            }
        },
        error :function(data){
            initHide();
            alertMsg(data);
        },
        beforeSubmit:showRequest  // pre-submit callback
        //clearForm:true 
    };    
   
    function showRequest(formData, jqForm, options) {
        var queryString = $.param(formData);
    }
</script>

以上代码由于涉及公司内部逻辑，故存在个别地方的删减动作，但整体思路已清晰罗列出来了。

这里需要讲到一个应用到的UI插件，即alertMsg使用到的hint弹出框效果。smallarAlert.js

附件资源均会统一部署上来，插件自适应效果可兼容IE、谷歌、360、火狐等主流浏览器，内置样式及功能等也可自行重写，具体应用自行度娘搜索该插件了，这里就不一一讲解了。

二、从后端着手处理二维码生成技术及资源保存动作：

/**
     * @Descript ：生成二维码图片url
     * @author : Teny_lau
     * @CreatedTime : 2016年11月21日-下午3:44:44
     * @param model
     * @param request
     * @param response
     */
    @RequestMapping("/codeImg")
    public void toCodeImg(Model model, HttpServletRequest request, HttpServletResponse response) {
        String localIp = getInternetIp(request);
        String path = request.getSession().getServletContext().getContextPath();
        String port = StringUtils.getNullBlankStr(request.getServerPort());// 获取服务器端口
        String userId = StringUtils.getNullBlankStr(request.getParameter("userId"));//接收参数
        String params = "userId=" + userId;
        // 字节长度须控制在124个长度以内，否则报异常数组索引值溢出
        String content = localIp + ":" + port + path + "/upload/toUploadMain.html?" + params;
        EncoderHandler encoder = new EncoderHandler();
        encoder.encoderQRCoder(content, response);
    }
     
    private String getInternetIp(HttpServletRequest request) {
        String ip = StringUtils.getNullBlankStr(request.getHeader("x-forwarded-for"));
        if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) {
            ip = StringUtils.getNullBlankStr(request.getHeader("Proxy-Client-IP"));
        }
        if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) {
            ip = StringUtils.getNullBlankStr(request.getHeader("WL-Proxy-Client-IP"));
        }
        if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) {
            ip = StringUtils.getNullBlankStr(request.getRemoteAddr());// 获取客户端IP地址
        }
        String localIp = "";// 获取网段地址
        try {
            InetAddress localInter = InetAddress.getLocalHost();
            localIp = StringUtils.getNullBlankStr(localInter.getHostAddress());
        } catch (UnknownHostException e1) {
            e1.printStackTrace();
        }
        if (!ip.equals(localIp) && !"127.0.0.1".equals(ip)) {
            // 当程序获取非服务器网口时，自动重置为本地网口
            ip = localIp;
        }
        if ("127.0.0.1".equals(ip)) {
            // 根据网卡取本机配置的IP
            InetAddress inet = null;
            try {
                inet = InetAddress.getLocalHost();
            } catch (Exception e) {
                e.printStackTrace();
            }
            ip = StringUtils.getNullBlankStr(inet.getHostAddress());
        }
        // 对于通过多个代理的情况，第一个IP为客户端真实IP,多个IP按照','分割
        if (ip != null && ip.length() > 15) { // "***.***.***.***".length() = 15
            if (ip.indexOf(",") > 0) {
                ip = ip.substring(0, ip.indexOf(","));
            }
        }
        return ip;
    }
 
    /**
     * 提交资源信息
     * 
     * @param model
     * @param request
     * @return
     */
    @RequestMapping("uploadAndSaveFile")
    @ResponseBody
    public void uploadAndSaveFile(HttpServletRequest request, HttpServletResponse response) {
        Map<String, Object> result = new HashMap<String, Object>();
        try {
            String type = StringUtils.getNullBlankStr(request.getParameter("type"));
            saveUploadFile(request);
            result.put("success", true);
        } catch (RuntimeException run) {
            result.put("success", false);
            result.put("message", run.getMessage());
        } catch (Exception e) {
            result.put("success", false);
            result.put("message", "上传失败<br/>请重新或扫码上传！");
            // FileUtil.deleteFiles(fileNames);
        }
        try {
            response.setContentType("text/html;charset=gbk");
            JSONObject jsonObj = JSONObject.fromObject(result);
            response.getWriter().print(jsonObj);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
     
    /**
     * @Descript ：保存上传资源
     * @author : Teny_lau
     * @CreatedTime : 2016年11月21日-下午3:28:39
     */
    private void saveUploadFile(HttpServletRequest request) {
        String userId = StringUtils.getNullBlankStr(request.getParameter("userId"));//接收参数
        Map<String, Object> queryMap = new HashMap<String, Object>();
        queryMap.put("","");
        List<XXX> flashList = new ArrayList<XXX>();
        String oldFlashName = "";// 旧文件
        //由于以下逻辑存在项目代码，故以下对象均为举例说明，具体要求视项目自行修改
        Old oldEntity = new Old();
        if (flashList != null && flashList.size() > 0) {
            oldEntity = flashList.get(0);
            //获取已上传的旧文件名，便于在插入新文件时，删除旧文件，避免资源过多占用空间内存
            oldFlashName = oldEntity.getFlashName();
        }
        MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
        CommonsMultipartFile file1 = (CommonsMultipartFile) multipartRequest.getFile("tempFile");// 上传资源参数
        if (file1 != null && !file1.isEmpty()) {
            // 判断上传资源等文件大小 控制在500M以内，自行根据项目要求斟酌
            int maxSize = 500 * 1024 * 1024;
            if (file1.getSize() >= maxSize) {
                throw new RuntimeException("保存失败,文件控制在500M以内");
            }
            String fileName = saveFile(file1, request, oldFlashName);//这里返回的为重命名新文件名称
        }
 
    }
 
    private String saveFile(CommonsMultipartFile file, HttpServletRequest request, String oldFileName) {
        String fileName = file.getOriginalFilename();
        String uploadPath = request.getSession().getServletContext().getRealPath(FILEPATH);
        // 判断是否有上传文件
        File targetFile = null;
        String groupId = StringUtils.getNullBlankStr(request.getParameter("groupId"));//接收参数
        String newTransFileName = DateUtils.getCurrentDateTime14() + groupId + "." + org.apache.commons.lang3.StringUtils.substringAfterLast(fileName, ".");
        String newFilePath = uploadPath + File.separator + newTransFileName;
        try {
            targetFile = new File(new StringBuilder().append(newFilePath).toString());
            // 文件重命名
            file.transferTo(targetFile);
            String oldFilePath = "";
            if (StringUtils.isNotBlank(oldFileName)) {
                oldFilePath = uploadPath + File.separator + oldFileName;
                FileUtil.delSingleFile(oldFilePath);
            }
            // 复制文件到指定盘
            // CopyFileUtil.copyFile(origiNewPath, oldFilePath, true);
             
        } catch (NullPointerException e) {
            e.printStackTrace();
        } catch (Exception e) {
            e.printStackTrace();
        }
        return newTransFileName;
    }

代码先一一贴上，以上代码由于存在公司逻辑，故也做了个别删减动作，但整体思路的增删改上传等功能已一一展示在这里了。

个别工具类方法如下：

1、StringUtils.getNullBlankStr

/**
     * 功能描述:
     * 判断字符串是否为null或为空字符串，则返回空字符串""
     *
     * @param obj String
     *            待检查的字符串
     * @return String
     *         如果为null或空字符串（包括只含空格的字符串）则返回""，否则返回原字符串去空格
     */
    public static String getNullBlankStr(Object obj) {
 
        if (obj == null) {
            return "";
        } else {
            return obj.toString().trim();
        }
    }

校验判断为空时则返回空字符串的动作。

2、DateUtils.getCurrentDateTime14()

/**
     * 获取当前应用服务器的系统日期时间
     * 
     * @return 日期时间字符串，格式：yyyyMMddHHmmss
     */
    public static String getCurrentDateTime14() {
        DateFormat df = new SimpleDateFormat("yyyyMMddHHmmss");
        return df.format(new Date(System.currentTimeMillis()));
    }

具体时间格式可自行定义，根据具体情况而定。

3、EncoderHandler和FileUtil 工具类，参考附件文件源码。

特别注意：

这里的EncoderHandler需要提醒到的一个问题点是，该方法接收字节长度是有最大值限制的，即最大可保存124个字符，超出长度则报数据越界异常。

public void encoderQRCoder(String content, HttpServletResponse response) {
        try {
            Qrcode handler = new Qrcode();
            handler.setQrcodeErrorCorrect('M');
            handler.setQrcodeEncodeMode('B');
            handler.setQrcodeVersion(7);
             
            // System.out.println(content);
            byte[] contentBytes = content.getBytes("UTF-8");
             
            BufferedImage bufImg = new BufferedImage(140, 140, BufferedImage.TYPE_INT_RGB);
             
            Graphics2D gs = bufImg.createGraphics();
             
            gs.setBackground(Color.WHITE);
            gs.clearRect(0, 0, 140, 140);
             
            // 设定图像颜色：BLACK
            gs.setColor(Color.BLACK);
             
            // 设置偏移量 不设置肯能导致解析出错
            int pixoff = 2;
            //

输出内容：二维码 if (contentBytes.length > 0 && contentBytes.length < 124) { boolean[][] codeOut = handler.calQrcode(contentBytes); for (int i = 0; i < codeOut.length; i++) { for (int j = 0; j < codeOut.length; j++) { if (codeOut[j][i]) { gs.fillRect(j * 3 + pixoff, i * 3 + pixoff, 3, 3); } } } } else { System.err.println("QRCode content bytes length = " + contentBytes.length + " not in [ 0,120 ]. "); } gs.dispose(); bufImg.flush(); // 生成二维码QRCode图片 ImageIO.write(bufImg, "jpg", response.getOutputStream()); } catch (Exception e) { e.printStackTrace(); } }

——————————————————————————————

// 字节长度须控制在124个长度以内，否则报异常数组索引值溢出
        String content = localIp + ":" + port + path + "/upload/toUploadMain.html?" + params;
        EncoderHandler encoder = new EncoderHandler();
        encoder.encoderQRCoder(content, response);

所以content字符串拼接时，注意长度不得超出124个字节，否则报错，如下图所示：

使用HTML5实现扫描PC二维码且触发WAP端上传资源功能的示例代码 - 文章图片

恩，以上内容即为今天要讲解的动态生成二维码并上传资源的所有知识点了，各位猿人们多动手操作几次，相信你也能很好的学好一项小技术，如有任何疑问或建议的欢迎来博吐槽。

附件资源无法下载情况下，请自行挪步链接：down.51cto.com/data/2261528

如果各位童鞋还有任何建议或比较好的想法，欢迎加入JAVA开发项目讨论群：214404624。

发挥你聪智的大脑，挖掘更新鲜更充满活力的好点子，我们共同探讨技术层面的研究和可实施性。

以上就是使用HTML5实现扫描PC二维码且触发WAP端上传资源功能的示例代码的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的使用HTML5实现扫描PC二维码且触发WAP端上传资源功能的示例代码全部内容，希望文章能够帮你解决使用HTML5实现扫描PC二维码且触发WAP端上传资源功能的示例代码所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/388282.html

来源：【匿名】

【上一篇】html5获取手机GPS信息的示例代码【下一篇】html5如何获取php数据

更多 ►

【使用HTML5实现扫描PC二维码且触发WAP端上传资源功能的示例代码】教程文章相关的互联网学习教程文章

HTML5 创建canvas元素示例代码

HTML5 创建canvas元素复制代码代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset = utf-8"> <title>HTML5</title> <script type="text/javascript" charset = "utf-8">  function pageLoaded() { alert(‘HTML5 页面加载完毕!‘); } </script> </head> <body ...

HTML5注册表单的自动聚焦与占位文本示例代码

首先看下面要使用HTML自动聚焦和占位文本的示例代码复制代码代码如下:<!DOCTYPE html> 2: <html> <head> <title>注册帐号</title> <meta charset="utf-8"> </head> <body> <form method="post" action="goto"> <fieldset id="register_information"> <legend>新用户注册</legend> <ol> <li> <label for="name">邮箱</label> <input type="email" id="name" name="name"> </li> <li> <label for="user"> 用户名</label> <input ty...

HTML5manifest离线缓存的示例代码

离线访问对基于网络的应用而言越来越重要,这篇文章主要介绍了HTML5 manifest离线缓存的示例代码的相关资料，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。简介离线访问对基于网络的应用而言越来越重要。虽然所有浏览器都有缓存机制，但它们并不可靠，也不一定总能起到预期的作用。HTML5 使用 ApplicationCache 接口解决了由离线带来的部分难题。使用缓存接口可为您的应用带来以下三个优势：离线浏览 - 用户可...

详解使用HTML5Canvas创建动态粒子网格动画的示例代码分享【图】

本篇文章主要介绍了使用HTML5 Canvas创建动态粒子网格动画，非常具有实用价值，需要的朋友可以参考下。最近看到一个粒子网格动画挺炫的，自己也就做了一个，当背景挺不错的。CSDN不能上传超过2M的图片，所以就简单截了一个静态图片：下面就开始说怎么实现这个效果吧：首先当然是添加一个canvas了：<canvas id="canvas"></canvas>下面是样式：<style>#canvas{position: absolute;display: block;left:0;top:0;background: #0f0f0f;z...

HTML5实践-使用css3丰富图片样式的示例代码【图】

在css3中，直接在图片上使用box-shadow 和 border-radius，浏览器并不能很好的渲染。但是如果把图片作为background-image，添加的样式浏览器可以很好的渲染。我将会介绍如何使用box-shadow, border-radius 和 transition创建不同图片样式效果。　　问题　　通过查看demo能注意到，我们为第一行图片设置了border-radius 和内嵌box-shadow。firefox渲染了图片的border-radius，但是没有渲染内嵌box-shadow。chrome和Safari两种效果...

JavaScript+html5canvas实现图片上画超链接的示例代码

1. html<canvas id="canvasFile" style="margin-top:15px;" width="500" height="400"></canvas> <input type="button" id="btnRedo" value="Re-Draw" class="btn btn-warning"/>2. javascript以上就是JavaScript+html5 canvas实现图片上画超链接的示例代码的详细内容，更多请关注Gxl网其它相关文章！

JavaScripthtml5利用FileReader实现上传功能的示例代码【图】

这篇文章主要为大家详细介绍了JavaScript html5利用FileReader实现上传功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下本文实例为大家分享了H5利用FileReader上传文件的具体代码，供大家参考，具体内容如下1. Html部分<h2>文件上传演练</h2> <p id="result">  <p id="inResult"> <p id="inImgs"></p> <p id="imgInfo"></p> </p> </p> <input type="text" id="txtImgSrc" /><!--显示图片信息...

非html5实现js版弹球游戏示例代码_javascript技巧【图】

开始前的html页面开始后的html游戏界面 html页面布局，即index.html文件源码如下：代码如下: 弹球游戏分数： 0 index.css文件源码如下：代码如下: #gamePanel{ width:504px; height:504px; background:Black; position:relative; } #gamePanel .score{ font-size:20px; color:White; position:absolute; left:0; top:0; z-index:9999; } #gamePanel .bullet{ width:5px; height:15px; position:absol...

使用非html5实现js板连连看游戏示例代码_javascript技巧

向大家分享一款如何实现js版连连看游戏，如下图所示：首先看一下html的布局方式在index.html文件中：代码如下: 连连看分数 0 时间 0 css文件夹下的index.css文件如下：代码如下: body { font-size : 16px; font-weight : bold; color : grey; } #whole { border : 1px double #999999; border-width : 5px; width : 800px; height : 505px; position : relative; } #gamePanel { margi...

js HTML5上传示例代码完整版

本身用flash插件一直上传，但是有很多场景不兼容，有些核心配置改不了，终于整理好了一个HTML5的版本，下面有传送门：解决了几个客户需要的几个主要问题：可多文件选择，有特效不死板自定义提交参数文件大小数量限制 *MD5校验服务器反馈信息展示可控制上传顺序多视图切换这里还是申明一下插件核心组件出处CFUpdate (0.8.2 Base) HTML5 批量上传组件 HTML5版本，只要支持HTML5的浏览器都可以正常使用，并对触摸屏（手机，平板...

使用非html5实现js板连连看游戏示例代码

向大家分享一款如何实现js版连连看游戏，如下图所示：首先看一下html的布局方式在index.html文件中：代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>连连看</title> <link rel="stylesheet" type="text/css" href="css/index.css"/> </hea...

非html5实现js版弹球游戏示例代码【图】

开始前的html页面开始后的html游戏界面 html页面布局，即index.html文件源码如下：代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>弹球游戏</title> <link rel="stylesheet" type="text/css" href="css/index.css"/> </head> <body> <center> <div id="gamePanel" tabin...

html5canvas的绘制文本自动换行的示例代码【图】

在使用 canvas 绘制某字符串的时候，我们可能想要让该字符串在某处按要求换行。那么应该如何实现，本文就来介绍一下，有兴趣的可以了解一下。本文介绍怎么解决canvas绘图过程中，drawText的换行问题，先看一个大家平时在canvas绘制文本都会遇到的问题：一个150*100的canvas画布，加个边框明显边界<canvas id="canvas" style="border:solid 1px darkgoldenrod;" width="200px" height="100px"></canvas>我们先来看fillText()方法，s...

html5使用canvas压缩图片的示例代码

这篇文章主要介绍了html5使用canvas压缩图片的示例代码的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。前俩天做了一个图片转base64上传的功能，发现如果图片的base64过大的话，请求会变的很慢，严重的直接超时了，所以想到了在上传前压缩一下图片，然后再上传到后台，这样可以大大的提高效率，在这里记录一下利用 canvas 压缩图片遇到的几个坑。完整代码会在文末给出。第一个坑，在压缩图片的时候没获取图片本身...

Html5canvas实现粒子时钟的示例代码【图】

这篇文章主要介绍了Html5 canvas实现粒子时钟的示例代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。我们先看看粒子时钟的效果，如下：下面我们将通过canvas和js实现，首先要创建一个html文件并添加一个canvas画布，如下：<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style>.container{margin: 0, auto;width: 600px;}</style> </head> <body><p id="containe...

首页 / HTML5 / 使用HTML5实现扫描PC二维码且触发WAP端上传资源功能的示例代码

使用HTML5实现扫描PC二维码且触发WAP端上传资源功能的示例代码

内容导读

内容图文

内容总结

内容备注

内容手机端

【使用HTML5实现扫描PC二维码且触发WAP端上传资源功能的示例代码】教程文章相关的互联网学习教程文章

HTML5 创建canvas元素示例代码

HTML5注册表单的自动聚焦与占位文本示例代码

HTML5manifest离线缓存的示例代码

详解使用HTML5Canvas创建动态粒子网格动画的示例代码分享【图】

HTML5实践-使用css3丰富图片样式的示例代码【图】

JavaScript+html5canvas实现图片上画超链接的示例代码

JavaScripthtml5利用FileReader实现上传功能的示例代码【图】

非html5实现js版弹球游戏示例代码_javascript技巧【图】

使用非html5实现js板连连看游戏示例代码_javascript技巧

js HTML5上传示例代码完整版

使用非html5实现js板连连看游戏示例代码

非html5实现js版弹球游戏示例代码【图】

html5canvas的绘制文本自动换行的示例代码【图】

html5使用canvas压缩图片的示例代码

Html5canvas实现粒子时钟的示例代码【图】

HTML5 - 相关标签

二维码 - 相关标签

功能 - 相关标签

HTML5 - 技术教程分类

HTML5 - 最新教程

HTML5 - 最热教程