canvas API ，通俗的canvas基础知识（一）

在没学canvas的时候，觉得canvas是这么的神秘，这么的绚丽，这么的高深，用canvas做出来的效果是如此的炫酷，能做的事情如此的宽广，简直让我心生敬畏之心，时常感叹：我要是得此技能，必定要上天了（注意，这里不是要升天啊），那时候一直不敢涉猎的原因主要是，第一，在还需要兼容IE的时代，兼容性是硬伤；第二，参考

canvas API ，通俗的canvas基础知识（二）

上文我们讲到了画一条线，画矩形，写文字，总算是有了一个好的开头，如果还没有看的同学出门左转，先看看那篇，这里就不多做叙述了，接下来我们看比较复杂的一些属性和方法！讲之前呢，我还是想温习一下，毕竟上文还有几个属性没有讲到，那我们从画三角形开始吧！如果看了上文，机智的少年肯定会想到，三角形，多

canvas API ，通俗的canvas基础知识（三）

全文说到了三角形，圆形等相关图形的画法，不熟悉的同学可以出门右转，先看看前文，接下来继续我们的图形——曲线。学过数学，或者是比较了解js 的同学都知道贝塞尔曲线，当然，在数学里面，这是一门高深的学问，js里面的贝塞尔曲线一般是用来做动画的，其实别的地方也有体现，比如说Photoshop

如何使用html5与css3完成google涂鸦动画

Html5简单实现涂鸦板的示例代码

这篇文章主要教大家如何使用Html5编写属于自己的画画板，进行绘画、调整颜色等操作，感兴趣的小伙伴们可以参考一下 最近了解到html5强大的绘图功能让我惊奇，于是，写了个小玩意---涂鸦板，能实现功能有：画画，改色，调整画笔大小 html5的绘图可以分为点，线，面，圆，图片等，点和线，这可是所有平面效果的基点，有了这两个东西，没有画不出来的东西，只有想不到的算法。

HTML5+CSS3实现无插件拖拽上传图片（支持预览与批量）的详情介绍

本篇文章主要介绍了HTML5+CSS3实现无插件拖拽上传图片（支持预览与批量），现在html5提供了API以及File，FileReader，XMLHttpRequest等强大的API，为我们拖放实现上传提供了可能。有兴趣的可以了解一下。

简单介绍HTML5 defer和async的区别

下面小编就为大家带来一篇浅谈HTML5 defer和async的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

HTML5中的postMessage API基本使用方法分享

window.postMessage经常被人们利用来做跨域数据传递,下面将为大家来介绍HTML5中的postMessage API基本使用教程,需要的朋友可以参考下

HTML5的Geolocation地理位置定位API使用方法详解

地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用,今天这篇文章就向大家介绍一下HTML5的Geolocation地理位置定位API使用教程.

HTML5 Canvas API中drawImage()方法的使用代码实例分享（图）

这篇文章主要介绍了HTML5 Canvas API中drawImage()方法的使用实例,drawImage()方法主要用来对图像进行缩放或裁剪,文中给出了其坐标及相关参数的用法,需要的朋友可以参考下

使用HTML5 Canvas API中的clip()方法裁剪区域图像代码实例

这篇文章主要介绍了使用HTML5 Canvas API中的clip()方法裁剪区域图像的实例教程,其中需要特别注意save()和restore()方法的搭配使用,需要的朋友可以参考下

html5之多媒体详细介绍

1）video元素的属性：autoplay——如果存在，此属性会使浏览器尽可能立即开始播放视频；preload=none——用户开始播放视频之前不会载入视频；preload=metadata——用户开始播放之前只能载入视频的元数据；preload=auto——请求浏览器尽快下载整个视频。浏览器可以忽略这个请求。这是默认行为；controls——除非此属性存在，否

html5之canvas起步的代码示例详解（图）

1）HTMLCanvasElement对象的成员：   height——对应于canvas元素的height属性；   width——对应于canvas元素的width属性；   getContext()——为画布返回绘图上下文；2）绘制矩形：  fillRect(x,y,w,h)——绘制一个实心矩形；  strokeRect(x,y,w,h)——绘制一个空心矩形；

html5之canvas进阶的代码详解（图）

1）用路径绘图：   beginPath()——开始一条新路径；   closePath()——尝试闭合现有路径，方法是绘制一条线，连接最后那条线的终点与初始坐标；   fill()——填充用子路径描述的图形；   isPointInPath(x,y)——如果指定的点在当前路径所描述的图形之内则返回true；   lineTo(x,y)——绘制一条到指定坐标的子路径；