html5 文件拖拽上传是个老话题了，网上有很多例子，我一开始的代码也是网上找来改的，只是踩了几个坑之后就想把过程记录下来。 功能实现下面主要介绍从浏览器外拖拽文件到浏览器进行上传的实现。 首先会介绍一些必须的基础。 拖拽事件拖拽事件有下...
继上次学习了HTML5的路径画圆做了动态时钟、异次元空间的反转做了运动的太阳系，这两天将画线、画圆、填充等知识点结合起来做了一个简易的在线画图工具：查看DEMO：HTML5简易在线画图工具功能包括自由画笔、橡皮擦、文字填充、画三角形、画圆等...
1. 滚动 以下是三种实现方式： 1) 利用原生的css属性 overflow: scroll p id= parent style = overflow:scroll; pid='content'内容区域/p /p Notice: 在an...
最近前端的群都蛮热闹的，但我发现多数讨论的是javascript和css相关的问题，仿佛大家在努力创建各种交互、样式的时候，忘却了这一切的基础 - html。其实我很喜欢HTML，觉得这个语言远比XML来得有趣，其灵活、轻便远非极端规范的X...
说起html的结构，很多人都能说得头头是道，一般来说答案可能是这样的：一个DOCTYPE，一个html，里面有head和body元素。这当然不能说是不正确的，但是如果问到一个最小的HTML源文件必须有哪一些东西的话，恐怕很少有人能正确地做出...
上一篇文章主要讲述了html文档的构成，同时肤浅地接触了“标签省略”这一概念，本文会从概念上介绍html文档中第一个出现的重要元素 - doctype。所谓DOCTYPE，最初是XML的概念，即通过一种特定的语法，作为一种元数据，来描述XM...
之前在拓扑上的应用都是些静态的图元，今天我们将在拓扑上设计一个会动的图元——叶轮旋转。先看看最后我们实现的效果：我们先来看下这个叶轮模型长什么样 从模型上看，这个叶轮模型有三个叶片，每一个叶片都是不规则图形，显然无法用上我们HT for W...
html5 原生的 drag and drop是很不错的功能，本文将搞个有点使用价值的例子，通过drag and drop生成图片的base64的字符串信息。使用Base64方式的图片有诸多好处，可将多个图片信息整合到单个js文件避免多次h...
HTML5 中的 Canvas 对文本的渲染（fillText，strokeText）性能都不太好，比如设置字体（font）、文本旋转（rotation），如果绘制较多的文本时，一些交互操作会手动很大的影响，操作起来没那么顺畅，体验将会极其...
html5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart：触摸...
