SVG transform=Matrix(a,b,c,d,e,f) 宽度和高度

SVG transform=Matrix(a,b,c,d,e,f) on width and height

(这可能应该在另一个社区,但我找不到如何移动问题) 有人告诉我对于 SVG 我有一个转换是非法或无效的转换。我相信我已经找到了令人不快的转变,并且正在努力理解它做了什么。

转换是: <image transform="matrix(0.773723,0,0,0,860,182)" width="137" height="2" xlink:href="someImage.png" />

根据我的理解,矩阵 (0.773723,0,0,0,860,182) 的 SVG 表示法等同于(假设它的一个大括号不是每边 3 个):

[.773723,0,0860]
[0,0,182       ]
[0,0,1         ]

我的研究让我相信我是在矩阵之后使用宽度和高度,将其转换为矩阵符号并将两者相乘以了解它是如何转换的。如果这是正确的,我正在尝试了解如何将高度和宽度转换为矩阵符号 []。如果不正确,将不胜感激任何正确方向的指示!

这看起来像是一个合法的转换(技术上)。但它包含一个 0% 的垂直比例:矩阵第四个位置的“0”,所以它会让你的元素消失。高度和宽度是 "before" 高度和宽度,而不是 "after" 高度和宽度。您不能在矩阵中指定绝对尺寸,只能指定比例因子。 (您 可以 指定绝对尺寸的偏移或平移)。