html5 Canvas制作的网页颜色拾取器

 

        学习html5有一段时间了，本人也非常期待html5给我们带来的方便。

        在线演示地址 在底部评论第一条

       这里写一个小小的应用，应用html5 Canvas制作一个拾取页面颜色的网页。

       首先说明这个原理（当然要达到这个目的有很多手段，这边介绍本人的）：

                                通过getImageData()方法获取画布中的像素。

          getImageData()支持四个参数context.getImageData(x,y,width,height)

          (x，y)表示访问的像素区域的原点坐标，（width，height）表示像素区域的宽度和高度。

         getImageData本身不会出现任何可视的效果，但是它返回一个2D渲染上下文ImageData对象。ImageData对象包含3个属性：width，height，data.

这里width，height指像素区域的宽和高，重点是data属性。data属性存储的是一个一维数组CanvasPixelArray。并且每一个像素用4个整数值表示，范围是0~255，

分别表示红（r），绿（