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

【问题标题】：SVG transform=Matrix(a,b,c,d,e,f) on width and heightSVG transform=Matrix(a,b,c,d,e,f) 宽度和高度
【发布时间】：2016-12-06 19:41:28
【问题描述】：

（这可能应该在另一个社区，但我找不到如何移动问题）有人告诉我，我有一个 SVG，其中一个转换是非法或无效的转换。我相信我已经找到了令人讨厌的转换，并试图了解它的作用。

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

据我了解，矩阵的 SVG 表示法 (0.773723,0,0,0,860,182) 相当于（假设它的一个大括号不是每边 3 个）：

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：