二进制图像处理器
原文英文，约500词，阅读约需2分钟。
📝
内容提要
该项目是一个Web应用程序，允许用户上传图像并操作二进制数据，然后保存修改后的图像。用户可以通过直接修改图像的二进制数据来应用各种效果。该应用程序使用HTML、CSS和JavaScript进行开发，提供了文件上传、二进制操作、图像预览和下载图像等功能。
🔎
延伸解读
二进制操作的实际含义
文章中的“二进制操作”并非直接编辑文件的原始字节，而是通过Canvas的getImageData获取像素数据，再修改RGBA数组。每个像素占4个值，循环步长为4，分别对应红、绿、蓝和透明度。灰度、反转和亮度调整都是在这个数组上进行的，最后用putImageData写回画布。
亮度调整的交互设计
亮度滑块的范围是-100到100，初始值为0。每次滑动时，代码会先将画布重置为原始图像数据，再根据当前滑块值调整亮度。这样做避免了效果叠加，但意味着灰度或反转效果会被重置。用户需要先调整亮度，再应用其他效果，否则亮度调整会覆盖之前的修改。
代码中的潜在问题
文章提供的JavaScript代码存在几处可能影响运行的问题。例如，亮度滑块的事件监听器被错误地绑定到了按钮元素上，而非滑块本身；灰度公式计算出的值可能为小数，直接赋值给像素数组可能导致颜色偏差。此外，下载功能固定输出PNG格式，未提供其他格式选项。
❓
Q&A
这个Web应用程序的主要功能是什么？
该应用程序允许用户上传图像、操作二进制数据、预览图像和下载修改后的图像。
用户如何在应用程序中调整图像的亮度？
用户可以通过滑块调整亮度，并点击按钮应用亮度效果。
应用程序支持哪些图像效果？
应用程序支持灰度、反转和亮度调整等效果。
这个应用程序是用什么技术开发的？
该应用程序使用HTML、CSS和JavaScript进行开发。
用户上传的图像如何显示？
用户上传的图像会在画布上显示，用户可以在此基础上进行修改。
如何下载修改后的图像？
用户可以点击下载按钮，将修改后的图像保存为PNG格式。
🏷️
