加载图像渐进式图像时进行像素处理

时间:2018-08-28 20:05:45

标签: javascript css image-processing

我用一些python魔术将我的图像扫描仪(物理设备)绑定到了一个网址,假设它是http://localhost/scan?parameters=scan-parameters,我尝试为此编写一个Web gui。

您可能会理解,几秒钟甚至几分钟后,从该URL返回完整的PNG图像,具体取决于扫描设置。

我只需做<img src=url />,就可以实时观察图像的扫描情况。我什至可以添加css规则filter: invert(100%),使扫描的影片看起来不错。

但是我想走得更远,对图像进行一些伽玛校正,以使其看起来更好。这里的问题是,当图像仍在加载时,我不知道如何访问像素数据。我可以在canvas上绘制它,但是为此我需要将其完全加载。

我唯一的想法是手动加载图像并手动解码其像素(即编写js PNG解码器)。但是我想保持简单。

CSS着色器可以工作,但看起来好像已经废弃了。

0 个答案:

没有答案