html5移动开发的出现让移动平台的竞争由系统平台转向了浏览器之间：移动端的IE、Chrome、FireFox、Safari，亦或是新出现的浏览器，谁能达到在移动端对HTML5更好的支持，谁就能在以后的移...

DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取，让你可以在用户的访问记录中前进和后退。 从HTML5开始，我们可以开始操作这个历史记录堆栈。 1.History 使用back()...

HTML 4.01 与 HTML 5 之间meta标签用法的主要差异： 在 HTML 5 中，不再支持 scheme 属性。 在 HTML 5 中，有一个新的 charset 属性，它使字符集的定义更加容易。 在 HTML 4.01 中，不得不这么写：...

H5单页面手势滑屏切换是采用HTML5 触摸事件(Touch) 和 CSS3动画(Transform,Transition)来实现的，效果图如下所示，本文简单说一下其实现原理和主要思路。 1、实现原理 假设有5个页面，每个页...

路径方向与非零环绕原则 平时我们画的图形都是规规矩矩的，那么如果我们用线条画了个抽象派作品，就像狼蚁网站SEO优化这图一样，童鞋们知道怎么用fill()染色呢？ 这里就要用到数...

填充颜色 艺术离不开色彩，今天咱们来介绍一下填充颜色，体会一下色彩的魅力。 填充颜色主要分为两种： 1.基本颜色 2.渐变颜色（又分为线性渐变与径向渐变） 我们一个个来看。...

使用closePath()闭合图形 首先我们用最普通的方法绘制一个矩形。 JavaScript Code 复制内容到剪贴板 !DOCTYPEhtml htmllang= en head metacharset= UTF-8 title/title /head body !DOCTYPEhtml htmllang= zh head metacharse...

canvas 元素使用 JavaScript 在网页上绘制图像，本身是没有绘图能力。 canvas 是一个矩形区域，可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 狼...

线条属性概述 线条的属性共有以下四个： 1、lineCap属性 lineCap 定义上下文中线的端点，可以有以下 3 个值。 butt：默认值，端点是垂直于线段边缘的平直边缘。 round：端点是在线段边缘...

怎么画线条？和现实中画画差不多： 1.移动画笔，使画笔移动至绘画的开始处 2.确定第一笔的停止点 3.规划好之后，选择画笔（包括画笔的粗细和颜色等） 4.确定绘制 因为Canvas是基于状...

HTML5 究竟什么是HTML5？在W3C HTML5的常见问题中，关于HTML5是这样说明的：HTML5是一个开放的平台下开发的免费许可条款。 具体来说，对这句话有以下两种理解： 指一组共同构成了未来开...

这又是一款基于HTML5 Canvas的3D动画杰作，它是一个可以随风飘动的3D衣服摇摆动画特效，非常逼真。当我们将鼠标滑过衣服时，衣服将会出现摇摆的动画，点击鼠标时，衣服将会更加剧烈...

键盘控制小球移动 众所周知，我们所看到的动画实际上就是一系列静态画面快速切换，从而让肉眼因视觉残像产生了「画面在活动」的视觉效果。明白了这一点后，在canvas上绘制动画效...

在html5中，CanvasRenderingContext2D对象也提供了专门用于绘制圆形或弧线的方法，请参考以下属性和方法介绍： JavaScript Code 复制内容到剪贴板 arc(x,y,radius,startRad,endRad,anticlockwise) 在canvas画布...

本示例使用HTML5 canvas，简单的编写了上传头像的裁剪效果，移动端支持拖拽后裁剪， 虽然样式不好看，但是功能还算全： 下图为裁剪后的效果： html部分： XML/HTML Code 复制内容到剪贴板...

最近在移动端设计头像上传功能时，原本是以input type=file直接通过formData上传，然而实际使用情况是：对于过大的图片（高像素手机所拍摄的照片等）上传时间过长会导致上传失败，而...