20190611【充实计划】第1096期

昨日阅读2小时，累计阅读73.5小时
出身贫苦，不可骄傲，创业艰难，不可奢华，努力不懈，不可安逸，能以“谦”、“俭”、“劳”撒子为立身之本，而补余之不足，以“骄”、“奢”、“逸”三字为终身之戒，而为一个健全之国民，则余愿足矣------车耀先

昨日阅读0.5小时，累计阅读315.5小时

昨日阅读2小时，累计阅读1307小时。

昨日读1.5小时  累计225小时

昨日阅读与实践3小时，累计493小时

剪裁图像

使用绘制函数重载
drawImage(img, x, y);
drawImage(img, x, y, width, height);
drawImage(img, sx, sy, swidth, sheight, x, y , width, height);
sx 可选，时开始剪切的x坐标位置；sy同（y坐标位置）
swidth（被剪切图像的宽度）wheight（被剪切图像的高度）
x,y（画布上放置图像的坐标位置）
width/height（可选，要使用的图像的宽高度，伸展或缩小图像）

var ctx = c.getContext("2d");
var img = new Image();
img.src = "img01.png";
img.onload=function(){
          ctx.drawImage(img, 100,100,100,100,0,0,100,100);
};

像素级操作（有很多操作，示例时通过修改像素反转图像颜色）
img.onload = function(){

ctx.drawImage(img, 0, 0);
var imgData = ctx.getImageData(0, 0, c.width, c.height);
// convert color
for (var i=0; i<imgData.data.length; i+=4){
      imgData.data = 255-imgData.data;
     imgData.data[i+1] = 255-imgData.data[i+1];
    imgData.data[i+2] = 255-imgData.data[i+2];
    imgData.data[i+3] = 255;
}
ctx.putImagedata(imgdata,0, 0);

}
此例使用了getImageData函数获取图片数据，在Chrome中涉及跨域问题，所发直接在浏览器中浏览，必须通过服务器访问。

昨日阅读2小时，累计320.5 小时

昨日阅读2小时，累计阅读1179小时。

昨日阅读0.5小时，累计阅读95小时。

昨日阅读2小时，累计阅读1070时      
挑战第四百五十八天   读8页书，完成当日任务

昨日阅读1小时，累计阅读932小时