我正在创建一个程序,可以将SVG文件转换为我的自定义格式。我已经创建了一个基于Web的应用程序来完成这项任务。我使用Web浏览器的默认DOM解析功能遍历SVG内容。
使用Javascript,我可以使用以下代码获取SVG路径元素:
var path = document.getElementById("path3388");
我可以使用以下代码获取路径段:
var pathSegments = path.pathSegList
然而这些路径段是相对于定义的父级SVG元素的,变换不包括在路径段列表中。
有没有一种方法可以获得此路径的绝对坐标,就像在屏幕上绘制时最终使用的那样?
例如:假设我有以下SVG代码片段:
<g transform="translate(100, 100)">
<g transform="translate(50, 50)">
<path d="M 0,0 10,0 10,10"></path>
</g>
</g>
我想要恢复的是应用于两个 g 元素的变换后路径的坐标。在这种情况下,路径的坐标应该是:
[150,150], [160, 150], [160, 160]