colorTransform 等效颜色矩阵

发布于 2024-11-02 08:48:22 字数 655 浏览 0 评论 0原文

我正在尝试将简单的 FXG 转换为 SVG。 转换非常简单,但我遇到了颜色处理问题。

FXG 具有灰色路径的基本色调,并且我在随后将此路径用于其他形状时应用了不同的颜色转换。
这里是 FXG 颜色转换(相当于 colorTransform):

<ColorTransform redOffset="-255" blueOffset="25" greenOffset="56"/>

如何将这种颜色转换(甚至是负偏移量)转换为 SVG 可以理解的内容?我只需要改变颜色偏移量,不需要乘数或 alpha。
我认为这可以通过来实现(看起来这个 SVG 过滤器的工作方式类似于 AS3 ColorMatrixFilter),但我找不到如何操作。

所以,真正的一般问题是我如何将这些颜色偏移更改转换为颜色矩阵过滤器?

I'm trying to convert a simple FXG to SVG.
The conversion is pretty much straightforward, but I'm encountering a color manipulation problem.

The FXG have a base shades of gray path, and I apply a different color transformation on subsequent use of this path for other shapes.
Here the FXG color transformation (equivalent to colorTransform) :

<ColorTransform redOffset="-255" blueOffset="25" greenOffset="56"/>

How can I convert this color transformation (even the negative offset) to something SVG understand ? I only need the color offset changes, no multiplier or alpha.
I think it could be achieved with <feColorMatrix> (look like this SVG filter work like the AS3 ColorMatrixFilter) but I can't find how.

So, the real general question is how I could convert those color offset changes to a color matrix filter ?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

漆黑的白昼 2024-11-09 08:48:22
var matrix : Array = new Array();
matrix = matrix.concat([1,0,0,0,-255]);// red
matrix = matrix.concat([0,1,0,0,  56]);// green
matrix = matrix.concat([0,0,1,0,  25]);// blue
matrix = matrix.concat([0,0,0,1,   0]);// alpha
var colorFilter : ColorMatrixFilter = new ColorMatrixFilter(matrix);

最后一列是偏移的。

var matrix : Array = new Array();
matrix = matrix.concat([1,0,0,0,-255]);// red
matrix = matrix.concat([0,1,0,0,  56]);// green
matrix = matrix.concat([0,0,1,0,  25]);// blue
matrix = matrix.concat([0,0,0,1,   0]);// alpha
var colorFilter : ColorMatrixFilter = new ColorMatrixFilter(matrix);

The last column is offset.

俯瞰星空 2024-11-09 08:48:22

除了 rOffset、gOffset、bOffset 和 aOffset 之外,Actionscript ColorTransform 还具有 redMultipler、greenMultiplier、blueMultiplier 和 alphaMultiplier 属性。

SVG feColorMatrix 变为:

[
rMult/256, 0, 0, 0, rOffset/256,
0, gMult/256, 0, 0, gOffset/256,
0, 0, bMult/256, 0, bOffset/256,
0, 0, 0, aMult/256, aOffset/256
]

Actionscript ColorTransform also has redMultipler, greenMultiplier, blueMultiplier and alphaMultiplier properties apart from rOffset, gOffset, bOffset and aOffset.

SVG feColorMatrix becomes:

[
rMult/256, 0, 0, 0, rOffset/256,
0, gMult/256, 0, 0, gOffset/256,
0, 0, bMult/256, 0, bOffset/256,
0, 0, 0, aMult/256, aOffset/256
]
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文