HTML5自学笔记[ 18 ]canvas绘图基础5

  1. 获取图像数据:getImgData(x,y,w,h),返回的是一个ImageData对象,这个对象有三个属性保存图像信息:width/height/data。data是一个数组,保存了每个像素的信息,一个像素用4个元素保存,分别表示红、绿、蓝和透明度。
  2. 创建图像数据:createImgData(w,h),w/h表示图像的大小,返回的也是一个ImageData对象,只要设置好data,就可以用putImgData()将该图像绘制到画布上了。
  3. 绘制图像数据:putImgData(imgData,x,y),imgData通过getImgData()或createImgData()获取,x/y表示开始绘制的点。

你可能感兴趣的:(HTML5自学笔记[ 18 ]canvas绘图基础5)