html5中文学习网

您的位置: 首页 > html5教程 > 入门教程
  • 2013-08-11 10:52:34 Canvas与Image互相转换示例代码_html5教程技巧
  • 点评:本文向大家展示怎样转换Image为canvas,以及canvas如何提取出一个Image,示例代码如下,有此需求的朋友可以参考下,希望对大家有所帮助JS Canvas与Image互相转换
    原文演示: JavaScript Canvas Image Conver
  • 2013-08-11 10:52:34 通过Canvas及File API缩放并上传图片完整示例_html5教程技巧
  • 点评:创建一个只管的用户界面,并允许你控制图片的大小。上传到服务器端的数据,并不需要处理enctype为 multi-part/form-data 的情况,仅仅一个简单的POST表单处理程序就可以了. 好了,下面附上完整的代码示例示
  • 2013-08-07 11:59:16 HTML5梦幻之旅――炫丽的流星雨效果实现过程_html5教程技巧
  • 点评:流星出现的时候,人们都喜欢对着它们许愿,因为传说对着流星许下愿望后,愿望就能实现,最近出于兴趣,制作一个拖尾效果,后来想到可以通过拖尾效果来实现一下流星雨的效果徐家破镜昏如雾。半面人间露。等闲相约
  • 2013-08-07 11:59:16 使用HTML5拍照示例代码_html5教程技巧
  • 点评:HTML5拍照首先,我们看看HTML代码结构,当然,这部分的DOM内容应该是在用户允许使用其摄像头事件出发后,动态加载生成的,感兴趣的朋友可以了解下演示地址: HTML5拍照演示
    首先,我们看看HTML代码结构,当然,这部分
  • 2013-08-04 22:42:57 使用HTML5的File实现base64和图片的互转_html5教程技巧
  • 点评:内联图片即使把图片文件编码成base64,优点是可以减少http的请求,缺点是不能跨域缓存,用html5的file api里的 readAsDataURL函数 这是一个把文件转化成base64编码刚接触到一个内联图片的概念,内联图片即使
  • 2013-08-04 22:42:45 HTML5 Canvas阴影使用方法实例演示_html5教程技巧
  • 点评:HTML5 Canvas中提供了设置阴影的四个属性值可以实现阴影文字、3D拉影效果、边缘模糊效果文字,具体的演示代码如下,想学习的朋友可以参考下HTML5 Canvas中提供了设置阴影的四个属性值分别为:
    context.sh
  • 2013-07-28 23:55:55 html5 迷宫游戏(碰撞检测)实例一_html5教程技巧
  • 点评:通过鼠标拖拽在画布上添加墙壁,通过方向键控制多边形上下左右移动,遇到墙壁则无法前进,下面为大家介绍下需要解决的问题及具体的实现代码,感兴趣的朋友可以学习下游戏效果图

    通过鼠标拖拽在画布上添加
  • 2013-07-28 23:55:43 html5记忆翻牌游戏实现思路及代码_html5教程技巧
  • 点评:主要功能实现翻开的2张牌如果配对就会消除,否则2张牌都会返回背面,下面为大家介绍一下需求分析及示例代码,感兴趣的朋友可以学习下翻开的2张牌如果配对就会消除,否则2张牌都会返回背面。

    需求分析

  • 2013-07-28 23:55:43 html5 乒乓球(碰撞检测)实例二_html5教程技巧
  • 点评:小球可以在方框内部自由运动,可以通过方向键控制黑色砖块上下左右移动去与小球发生碰撞,具体的实现思路及代码如下,感兴趣的朋友可以参考下,希望对大家学习html5有所帮助演示地址http://koking.8u.hanman
  • 2013-07-28 23:55:36 html5文字阴影效果text-shadow使用示例_html5教程技巧
  • 点评:使用html5的text-shadow实现没有模糊效果,有模糊效果,阴影叠加的具体代码如下,想学习的朋友可以了解下哈,希望对大家学习html5有所帮助
    复制代码代码如下:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.
  • 2013-07-28 23:55:36 html5模拟平抛运动(模拟小球平抛运动过程)_html5教程技巧
  • 点评:物体以一定的初速度沿水平方向抛出,如果物体仅受重力作用,这样的运动叫做平抛运动,本文为大家介绍下使用html5模拟小球平抛运动过程,具体的代码如下,感兴趣的朋友可以参考下,希望对大家有所帮助物体以一定
  • 2013-07-24 23:24:56 html5弹跳球示例代码_html5教程技巧
  • 点评:弹跳球使用html5实现,不必惊讶,使用html5完全可以实现,具体的截图及代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助

    复制代码代码如下:
    <html>
    <head>
    <meta charset=utf-8>
    <title>跳跳球<
  • 2013-07-23 22:10:25 x-ua-compatible content=”IE=7, IE=9″意思理解 _html5教程技巧
  • 点评:以前没有IE9的时候,为了照顾ie8就写个强制使IE8浏览器使用IE7模式渲染公司的项目在老总的IE9下无法正常访问了。

    那么就要用下面的方法:让网页兼容ie9


    复制代码代码如下:
    <!&ndash;[if lte IE 8]>
  • 2013-07-20 10:34:46 HTML中fieldset标签概述及使用方法_html5教程技巧
  • 点评:之前HTML没有好好学,导致以前看到控件组样式感觉很新奇,fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段,接下来对HTML中fieldset标签的使用进行详细解读,感兴趣的朋友可以了解下,或许对你
  • 2013-07-20 10:34:45 html5的新增的标签和废除的标签简要概述_html5教程技巧
  • 点评:HTML5中在新增加和废除很多标签的同时,也增加和废除了很多标签比如新增的结构标签:section元素/video元素等等,感兴趣的朋友可以了解下,希望本文的知识点对你有所帮助新增的结构标签section元素
    表示页
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助