HTML5高级编程之像素处理及粒子效果

       HTML5中的像素处理，需要用到getImageData和putImageData两个函数，先用getImageData复制canvas画布中的像素数据，然后对获取的像素数据进行处理，最后再通过putImageData将处理完的数据粘贴到canvas画布。我们不妨把中间处理像素的过程称作像素的批处理，由于像素的复制和粘贴是两个比较费时的过程，为了更高效的对像素进行处理，我们应该在一次批处理过程中尽可能处理更多的像素数据，来减少像素的复制和粘贴这两个操作。
        这听起来似乎是一个相当麻烦的过程，可能有些朋友光是看到上面的几句话估计就已经开始不耐烦了，其实我也是这么认为的，所以我把这一麻烦的过程封装到了lufylegend引擎中的LBitmapData类中，你可以像处理flash的像素一样处理HTML5中的canvas，这听起来是不是很有趣？如果你有兴趣，那么请跟着我一起来看一下这个好玩儿的小功能。
        首先，来认识一下LBitmapData，它通常是用来保存Image对象的，具体用法我就不多说了，大家可以看一下API文档。这里我主要介绍一下如何用它来批量处理像素。
        下面是LBitmapData中的两个函数

函数

功能

getPixel(x,y,colorType) 【HTML5高级编程之像素处理及粒子效果】相关文章 1. HTML5高级编程之像素处理及粒子效果 2. HTML5 Canvas像素处理常用接口 3. 为什么JavaScript有能力成为未来企业级编程语言？ 4. 《HTML5编程之旅》:Communication 技术初探 5. 学习编程之前你应该了解的5件事 6. 浅谈Node.js的工作原理及优缺点 7. canvas 像素级碰撞 8. HTML5、CSS3应用教程之 跟DIV说Bey!Bey! 9. 在IE中使用高级CSS3选择器 10. 征服高级CSS选择器 本文来源：https://www.51html5.com/a706.html 点击展开全部 上一篇：jQuery实现响应HTML5表单 下一篇：HTML5 新增结构元素 ﹝HTML5高级编程之像素处理及粒子效果﹞相关内容 JavaScript高级程序设计36.pdf Adobe Flash Player中的收费高级功能 Adobe向游戏商推Flash高级功能要求分成9% HTML5 Canvas图像处理技巧 HTML5技术之图像处理：一个滑动的拼图游戏 AlloyImage——HTML5的专业级图像处理引擎(开源) 腾讯推出HTML5的开源图像处理引擎 Less.js 2.4.0 发布，CSS 预处理器 jdists(<>) 前端代码块预处理工具 Myth – 支持变量和数学函数的 CSS 预处理器 「HTML5高级编程之像素处理及粒子效果」相关专题 html5 像素 复制网址 收藏网址 分享到微信 分享到微博 分享到QQ 其它栏目 HTML5教程 CSS3教程 JQUERY教程 也许您还喜欢 HTML5之window.postMessage API 7款外观迷人的HTML5/CSS3 3D按钮特效 《HTML5编程之旅》:Communication 技术初探 不能错过的10个 HTML5 开发教程 HTML5中缩略词标记的重要作用 html5的离线存储问题汇总 在HTML5中怎样实现Canvas阴影效果 用html5 js实现浏览器全屏 《实用技巧》—让你的网站变成响应式的3个简单步骤 html5学习笔记 教你如何塑造JavaScript牛逼形象 HTML插入Flash的全兼容完美解决方案-SWFObject 友情链接： 关于「旭日」的诗句 「无冬无夏」的解释 「蜏」字组词 我亦举家清 含「砚」字的成语 「提土旁加一个曼」是什么字 电池 弹韵简谱 美容工具