svg - "Flatten"转换为Path?

标签 svg transform

鉴于以下SVG:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="1891px" height="1492px" viewBox="0 0 1891 1492" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g transform="translate(352 500)">
        <path d="M1,0 L1,400 C0.999999169,799.99998 201,1205 601,1439.4375 C1001,1205 1201,800 1201,400 L1201,0 L1,0 Z M1,0"></path>
        <path d="M1,0 L1,960.824531 C1.00000084,1439.4375 489.311066,1258.28207 600.483175,1439.4375 C708.904794,1258.28211 1201,1439.4375 1200.99997,960.824531 C1200.99996,960.824531 1201,0 1201,0 L1,0 Z M1,0"></path>
    </g>
</svg>

是否有任何工具可以通过变换自动更新路径点,并从组元素中删除变换?

我有一个SVG应用程序(草图),它使用转换属性(如果您对路径进行了任何调整)输出SVG,但是在我的Web应用程序中,我需要对实际路径点进行调整,并且不使用任何转换属性。

澄清:目的是找到一个应用或工具,使它可以在大型SVG文件上执行,从而删除整个文件中的所有转换属性。

谢谢!

最佳答案

我发现有一个Inkscape扩展名Apply Transforms可以很好地除去元素上的变换并将其应用于子元素(例如,调整<rect>的宽度和高度)。

关于svg - "Flatten"转换为Path?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19669641/

相关文章:

html - 全宽 SVG 剪辑

javascript - Knockout 的 HTML 绑定(bind) + SVG

html - 固定 SVG 高度和可变 (100%) 宽度

java - 使用Java的XSL转换: number format issue

xml - 将 xml 转换为合适的文本

internet-explorer-8 - dximagetransform.matrix,在 IE 8 标准模式下绝对定位不旋转的子元素

javascript - SVG:将鼠标移动到 <image> 元素会触发父 <g> 元素的 mouseout 事件 (d3.js)

python - PIL 可以用于获取 svg 文件的尺寸吗?

CSS 变换 : translate moves postion:fixed inner Div

jquery - 如何使用 CSS3 无限地为我的图像制作动画