我想在 Raphael JS 2 中应用或“烘焙”几个路径的转换,这样我就可以将它们组合成一个路径。
这是一个示例路径,我希望将“transform”属性应用于所有“d”坐标。
<path style="" fill="#000000" stroke="none" d="M150,-265C182,-275,171,-220,180,-194L178,-194C181,-192,180,-185,181,-180C211,-169,282,-173,306,-166C308,-169,316,-171,315,-165C268,-157,225,-148,184,-137C188,-118,186,-96,190,-79L282,-131C289,-131,296,-135,297,-126C293,-118,271,-105,236,-80C190,-48,155,-20,125,-6C112,-15,115,-34,111,-51C121,-70,108,-107,107,-133C70,-132,-5,-126,0,-157C18,-170,39,-181,64,-191C75,-190,92,-181,100,-185C99,-198,95,-211,89,-225Z" transform="matrix(0.1389, 0, 0, 0.1389, 291.91, 235.465)" stroke-width="7.199999999999999">
我了解到svg-edit框架可以将路径坐标转换为绝对位置,并去除过程中的变换矩阵。
一些相关的问题,我无法从中得到答案:
最佳答案
这是一个为您应用所有转换的 jsFiddle:http://jsfiddle.net/ecmanaut/cFSjt/
Raphael 可能公开了我自己填写的部分或全部工具,但如果没有,这些工具也能很好地发挥作用。如果您的需求也涵盖更多非路径元素(如组、矩形、圆、椭圆等),请先将它们转换为路径元素(例如使用 pathify )。
关于javascript - 如何将变换矩阵应用于 Raphael JS 2 中的路径坐标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8350254/