准备实现拾色器。拾色器的样式是模仿PS的，通过R、G、B三个滑块来控制颜色。初期我不打算实现透明通道的拾色，关于透明我是想放到图层里面去实现会更加实用。

顶

拾色器做好了，现在既可以滑动滑块来调整颜色，也可以在后面直接填写数值，而且数值支持16进制哦。

下面这个设色器，用起来简单，可实现起来就不简单了。有点烧脑子。我用了css3的背景渐变实现的效果，然后上下又个用了一个灰度到透明的渐变层，盖在上面，看到的效果就想上面的这个样子了。

效果容易出，但是要实现选色，还是要花一些功夫的，我得根据鼠标点击的位置去横向计算色相的偏移量，纵向判断饱和度的偏移量。这是当时我在纸上模拟的手稿：

今天只完成了色相的拾取，明天再弄饱和度吧，贴上一段算法代码收工。

昨天晚上回家终于把下面的拾色器做好了，现在不仅可以调整明度，还可以调整色相了。

图层的核心功能完成了，绘图的主程序也在构建中，现在可以将Pixel Painter文件绘制到画布中了。Pixel Painter文件简称pxp文件，是绘图软件保存文件的格式。实际上它的内容是一个json格式，所以我并不打算用.pxp扩展名，就用.json扩展名吧。
以下是pxp文件描述的图层信息：
这个文件描述了由宽度3个色块，高度4个色块组成的2d矩阵，并且包含两个图层。

嗯，新建一个文件试试。

已经可以画画了，第四天的成果。在safari上有些bug，周末再调调看。接下来继续摆弄图层功能和选区。

safari和chrome上的兼容问题已经解决了。

实现了二位坐标计算后，我顺手实现了“魔棒选取”工具和“填充工具”，令人惊奇的是，我之前没有接触过地图搜索算法，却在10分钟内写出了“广度优先搜索算法”，“魔棒”在画布上选取相近色的时候，需要依赖这样的搜索。嗯，晚餐可以加个鸡腿！

选区的计算有点让人抓狂，特别像我这样数学不好的学生，不过总算弄出来了。后期再来优化算法吧。

“选区”功能设计的非常阔以，晚上加个鸡腿~~