raphael - 拉斐尔 getPixelColour

Question

我有一种 rgb 值为 17、30、62 的颜色。我用这种颜色对矩形进行了线性渐变填充。在将鼠标悬停在矩形上时，我想更改文本框中的颜色值。是否有任何函数或比率可以以编程方式增加和减少 RGB 值然后我可以用 Raphael.rgb 恢复颜色

Answer 1

Raphael 无法帮助您获得指定像素的颜色，因为它只处理矢量图形 (SVG/VML)。渲染由浏览器完成。

在颜色选择器示例中，颜色是从圆圈中的坐标获得的——选择器事先知道它会在指定点找到哪种颜色。它不检查光标下像素的颜色。

如果您有一个具有已知边缘颜色的线性渐变，则可以通过线性插值来计算任何点的渐变颜色（除非涉及一些透明度）。找到梯度的两个锚点的距离，估计到每个锚点的相对距离，并使用这些系数组合颜色。