仅显示以下 2 篇带「像素」关键字的文章。 返回词云 或 查看全部文章
2016-05-24 by Dron
前端同学在切页面时，很多简单效果可以直接 CSS3 实现掉，这样就不必使用图片了，大大减少图片处理的时间。
市面上的拾色器，包括 PhotoShop 中的吸管，都没有提供图片像素中 Alpha 通道的值，遂用 <canvas> 的 getImageData 方法简单实现了个在线版，有需要的同学请自行收藏。
getImageData 方法返回画布上指定矩形区域的 ImageData，包括该区域中所有像素点的 R、G、B、A 四个通道的颜色信息。上一篇文章 也提到它。
2016-05-17 by Dron
回乡心切，去年年底我早早的就撤了，年会并没有参加，亲手为年会定制的一个烟花抽奖程序——新春特别奖，年会时的现场秀也因此没能感受到，遗憾之余听说 @文龙 中了头奖，心里平衡了许多：三天时间的开发总算没白忙活！
写本文前，我将程序简单做了下脱敏和静态分离：
进入页面后，片头动画开始播放，「你」划燃火柴，转身面向炮仗，进入等待状态（此时应该跟观众唠唠家常，提高下神秘感）；待唠瞌尽兴，「你」将火柴移向并点燃引信，待引信燃尽，炮仗应声升空，爆炸，焰火奇迹般的组成一个花名（中奖者），拍照留念，背景持续燃放烟花，完毕。
本文将介绍该效果的前端实现。