javascript - 如何将变换矩阵应用于 Raphael JS 2 中的路径坐标?

标签 javascript svg raphael svg-edit

我想在 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/

相关文章:

javascript - viewRender 后 FullCalendar View 卡住

javascript - 如何将两个一维频率分布图放在一起?

javascript - 我的 Raphael "text-overflow: ellipsis;"实现插件是否矫枉过正?

javascript - 当我更改 Model Backbone.Marionette 时获取字段名称

javascript - 匹配对象数组中的对象并删除

java - 如何在android中读取和显示SVG文件

javascript - 为什么在 <table> 单元格中使用 SVG 强制表格为 100% 宽度?

javascript - 具有多种颜色的 Raphael.js 复合路径

javascript - 拉斐尔悬停错误?

javascript - JS/html游戏转Android应用程序而不使用webview