一波HTML5 Canvas基础绘图实例代码集合

2019-01-28 15:28:56刘景俊
  •          // createImageData 创建像素              var imgData = context.getImageData(50,50,200,200);   
  •           // 创建指定大小的空对象              var imgData01 = context.createImageData(imgData);   
  •                          for (i = 0; i < imgData01.width * imgData01.height * 4; i+=4) {   
  •               // 红色像素                  imgData01.data[i + 0] = 255;   
  •               imgData01.data[i+1] = 0;                  imgData01.data[i+2] = 0;   
  •               imgData01.data[i+3] = 255;                      
  •           }              context.putImageData(imgData01, 10, 260);   
  •      }    }