SVG/拉斐尔 : scale path + get resulting/computed path

Question

假设我有这个 svg 路径(一些图标)作为字符串:

"M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM16,28.792c-1.549,0-2.806-1.256-2.806-2.806s1.256-2.806,2.806-2.806c1.55,0,2.806,1.256,2.806,2.806S17.55,28.792,16,28.792zM16,21.087l-7.858-6.562h3.469V5.747h8.779v8.778h3.468L16,21.087z"

我可以像这样放大它(例如使用 raphael.js ):

icon = paper.path("M16,1.466C7.973,...").attr({fill: "#000", stroke: "none"});
icon.transform("s4T50,50");

最后一行将图像缩放 4 倍，并将整个图像向下和向右移动。

到目前为止一切顺利，但我需要在 svg 文件中使用生成的路径。

所以我的问题: 我怎样才能得到结果或计算的路径改造完成后回来？

Answer 1

请查看我的回答 here和试验台here .

有一个函数 flatten_transformations() 可以烘焙(或应用)变换到路径。它可以处理所有路径段(也包括弧)。您可以选择是否将所有路径段转换为 M:s 和 C:s 或保持原样。 H 和 V 是唯一不能保留的，它们必须转换为 L:s，因为变换可以使垂直和水平线变为非垂直和非水平。您还可以选择坐标转换为相对还是绝对以及转换的精度。

如果这种扁平化功能是 Raphaël 的一部分，那就太好了。