摘要：
性能运行putImageData()比drawImage()慢，同等条件下优先考虑drawImage()操作图像数据需要遍历大量数据，应该注意几点：1）避免在循环体中直接访问对象属性，应当保存在局部变量中2）应该用循环计数器遍历完整的像素，而非像素分量（每4个一组）3）逆向遍历与移位技巧效果并不好4... 阅读全文
摘要：
操作图像的像素：getImageData() putImageData()ImageData对象调用getImageData()方法实际是获取了一个指向ImageData对象的引用，返回的对象包含3个属性：1）width以设备像素为单位的图像数据宽度 2）height以设备像素为单位的图像数据高度 ... 阅读全文
摘要：
拖放APIHTML5实现了直接拖放操作API，简化HTML4利用mousedown、mousemove等事件实现的操作实现拖放的步骤1要将被拖动元素的draggable属性设置为true，img元素与a元素（必须指定href）默认允许拖放2编写有关拖放的事件处理代码DataTransfer对象的属性... 阅读全文
摘要：
表单验证required属性，可以应用在大多数的元素上，如果元素内容为空，则不允许提交pattern属性，将属性设置为某个格式的正则表达式min属性与max属性，规定数值类型或日期类型的input元素的专有属性，限制其范围step属性，控制input元素中值增加或减少的步幅，如果用户输入的值在0到1... 阅读全文
摘要：
第三章 HTML5的结构article元素更强调独立性，section元素强调分段，div元素强调css的套用，aretcle元素和section元素在核实的情况下可以调换nav元素用作页面导航的链接组，通常里面包含元素aside元素表示页面或文章的附属信息部分，可以是与当前页面或内容相关的参考资料... 阅读全文
摘要：
文本的定位水平与垂直定位：当使用strokeText()和fillText()绘制文本时，指定了所绘文本的X与Y坐标，还有textAlign与textBaseline两个属性textAlign：start（默认） center end left right，当canvas元素的dir属性是ltr时，... 阅读全文
摘要：
CanvasRenderingContext2D对象中用于平移、旋转坐标系的方法镜像scale(1,-1)绘制垂直镜像；scale(-1,1)绘制水平镜像自定义的坐标变换transform()，多次调用会叠加效果setTransform()，每次调用都会清除上次的效果两个方法都用于旋转、缩放、及平移... 阅读全文
摘要：
第2章 HTML5与HTML4的区别HTML5的文件扩展符与内容类型保持不变仍为“.html”或“.htm”，内容类型（ContentType）仍为“text/html”DOCTYPE声明：HTML4中，HTML5中，（不区分大小写）另外，当使用工具时，也可以在声明中加入SYSTEM识别符指定字符编... 阅读全文
摘要：
路径与子路径在某一时刻，canvas之中只能有一条路径存在，Canvas规范称之为“当前路径”（current path），这条路径却可以包含很多子路径（subpath），子路径是由两个或者更多点组成的context.beginPath();context.rect(10,10,100,100);c... 阅读全文
摘要：
事件处理：HTML5应用程序是以事件来驱动的，可以在canvas中增加一个事件监听器，当事件发生时，浏览器就会调用这个监听器 //方法一canvas.onmousedown=function(e){ //一些代码}; //方法二canvas.addEventListener('mousedown',... 阅读全文