到目前为止，我们尚未深入了解 Canvas 画布真实像素的原理，事实上，你可以直接通过 ImageData 对象操纵像素数据，直接读取或将数据数组写入该对象中。稍后我们也将深入了解如何控制图像使其平滑（反锯齿）以及如何从 Canvas 画布中保存图像。
ImageData对象中存储着 canvas 对象真实的像素数据，它包含以下几个只读属性：
width
图片宽度，单位是像素
height
图片高度，单位是像素
data
Uint8ClampedArray 类型的一维数组，包含着 RGBA 格式的整型数据，范围在 0 至 255 之间（包括 255）。
data 属性返回一个 Uint8ClampedArray，它可以被使用作为查看初始像素数据。每个像素用 4 个 1bytes 值 (按照红，绿，蓝和透明值的顺序; 这就是”RGBA”格式) 来代表。每个颜色值部份用 0 至 255 来代表。每个部份被分配到一个在数组内连续的索引，左上角像素的红色部份在数组的索引 0 位置。像素从左到右被处理，然后往下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</
![517362a380f74f2df62937ec50ad98c7.gif][] 到目前为止，我们尚未深入了解 Canvas 画布真实像素的原理，事实上，你可以直接通过 I
一 定义和用法 getImageData()方法返回 ImageData 对象，该对象拷贝了画布指定矩形的像素数据。 注意：ImageData对象不是图像，它规定了画布上一
1.像素\_1 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub
1.像素坐标 ![20190217173150747.png][] demo.html <!DOCTYPE html> <html> <hea
解释：这个项目要在服务器上运行才能成功。 <!DOCTYPE html> <head> <meta charset=utf-8> <ti
一.知识点 1.[getImageData() 从Canvas画板上取得所选区域的像素数据][getImageData_ _Canvas] 2.[putImageData(
港控/mmm°
素颜马尾好姑娘i
今天药忘吃喽~
小灰灰
还没有评论，来说两句吧...