【html5】通过javascript把图片转化为字符画-javascript-字符画-canvas

var imgData=c.getImageData(0, 0, img.width, img.height); 
var imgDataArr=imgData.data; 
var imgDataWidth=imgData.width; 
var imgDataHeight=imgData.height; 
for (h=0; h < imgDataHeight; h +=12) { 
    for (w=0; w < imgDataWidth; w +=6) { 
        var index=(w + imgDataWidth * h) * 4; 
        var r=imgDataArr[index + 0]; 
        var g=imgDataArr[index + 1]; 
        var b=imgDataArr[index + 2]; 
    } 
} 

3.根据rgb值计算灰度
不同的RGB空间，灰阶的计算公式有所不同，常见的几种RGB空间的计算灰阶的公式如下：
1、简化 sRGB IEC61966-2.1 [gamma=2.20]
Gray=(R^2.2 * 0.2126  + G^2.2  * 0.7152  + B^2.2  * 0.0722)^(1/2.2)
2、 Adobe RGB (1998) [gamma=2.20]
Gray=(R^2.2 * 0.2973  + G^2.2  * 0.6274  + B^2.2  * 0.0753)^(1/2.2)
3、Apple RGB [gamma=1.80]
Gray=(R^1.8 * 0.2446  + G^1.8  * 0.6720  + B^1.8  * 0.0833)^(1/1.8)
4、ColorMatch RGB [gamma=1.8]
Gray=(R^1.8 * 0.2750  + G^1.8  * 0.6581  + B^1.8  * 0.0670)^(1/1.8)
5、简化 KODAK DC Series Digital Camera [gamma=2.2]
Gray=(R^2.2 * 0.2229  + G^2.2  * 0.7175  + B^2.2  * 0.0595)^(1/2.2)