javascript - imagedata中的 "colorspace"是什么？

Question

需要进行一些像素操作，但 ImageData 已更改。现在它有一个 colorSpace 属性。

这是什么，我该如何正常使用它？

只需在 Chrome 中获取一个 ImageData 对象即可重现。

Answer 1

这来自this proposal在 Canvas 中实现色彩空间管理。

目前， Canvas 卡在 legacy-srgb 8 位深度。某些监视器无法处理这种低级别的信息。

这仍然是一个提议，但目前提议的设置 2DContext 的颜色空间的语法是 ctx.getContext('2d', {colorSpace: 'color-space', pixelFormat: 'pixelFormat', linearPixelMath : bool 值});

目前，还没有人实现它，但是 chromium 和 chrome 正在这样做。
他们当前的实现只在 ImageData 对象上公开了一个 getter colorSpace 属性，在 Context2D 对象上公开了一个 getContextAttributes 方法，但是还没有办法为我们设置它(也许有一些启动标志，但我没有找到)。

注意:您需要在 chrome://flags 中将 Experimental canvas features 标志设置为 true 才能访问这些属性。

但是无论如何，这个属性不应该改变你的代码。 ImageData 的所有默认参数仍然相同。