JavaScript位运算可高效提取RGB分量：红为(color>>16)&0xFF，绿为(color>>8)&0xFF，蓝为color&0xFF；灰度化用(r76+g150+b*29)>>8，二值化用-(gray>=128)&0xFF，通道操作用掩码与或异或。
JavaScript 位运算符可以直接操作像素的二进制表示，在简单图像处理中非常高效，尤其适合在 Canvas 或 TypedArray（如 Uint8ClampedArray）中批量处理 RGBA 数据。
提取 RGB 颜色分量
图像像素常以 32 位整数或 4 字节数组形式存储。例如一个 0xAARRGGBB 格式的颜色值（A=Alpha, R=Red, G=Green, B=Blue），可用位移和掩码快速分离各通道：
- 红色分量：
(color >> 16) & 0xFF—— 右移 16 位把 R 移到最低字节，再用 0xFF 掩码保留低 8 位 - 绿色分量：
(color >> 8) & 0xFF - 蓝色分量：
color & 0xFF - 透明度（若需）：
(color >> 24) & 0xFF
实现灰度化（加权平均法）
将 RGB 转为灰度时，常用系数 0.299R + 0.587G + 0.114B。为避免浮点运算，可转为整数位运算近似：
Comprehensive Three.js 3D graphics reference
下载
详细的 Three.js 3D 图形参考，涵盖场景设置、相机、几何体、材质、光照、动画、控制器、加载器、数学工具和调试。
- 先做缩放：用
(r * 76 + g * 150 + b * 29) >> 8（等价于除以 256） - 结果即为灰度值，再组合回像素：
(gray << 16) | (gray << 8) | gray - 该方式比
Math.round()快，且无浮点误差
快速二值化（黑白阈值）
对灰度值判断是否超过阈值，生成纯黑（0）或纯白（255）：
-
const isWhite = gray >= 128;是常规写法；但若想用纯位运算，可借助符号位技巧： -
const whiteOrBlack = -(gray >= 128) & 0xFF;—— 因为false转数字是 0，true是 1；-0是 0，-1是 -1（32 位补码为 0xFFFFFFFF），再与 0xFF 得到 0 或 255
通道开关与颜色滤镜
利用按位与（清除）、按位或（设置）可快速启用/禁用某通道：
- 去红：
pixel & 0x00FFFFFF（清空高 8 位） - 仅保留绿：
(pixel & 0x0000FF00) - 反色（RGB 取反）：
pixel ^ 0x00FFFFFF（异或全 1 掩码）
这些操作在循环遍历像素数组时性能优势明显，配合 Uint8ClampedArray 和 ImageData.data 可实现实时响应。注意保持逻辑清晰，关键步骤建议加注释说明位含义。
