【问题标题】:"Flatten" transform down to Path?“扁平化”转换为路径?
【发布时间】:2013-11-09 06:46:17
【问题描述】:

给定以下 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 应用程序 (Sketch),它使用变换属性输出 SVG(如果您对路径进行任何调整),但在我的网络应用程序中,我需要调整实际路径点,而不是使用任何变换属性。

澄清:我们的目标是找到一个应用程序或工具,允许对大型 SVG 文件执行此操作,从而删除整个文件中的任何转换属性。

谢谢!

【问题讨论】:

  • 路径D =“M353,500L0,960.82446C0,478.61304 488.31104,297.45764 599.48315,478.61304C108.42163,-181.1554 600.51685,0600.51685,-478.61304C0,0,0,960.82446 0,-960.82446L-1200,0zm0,0” />
  • 一次性就可以了。我正在寻找一个应用程序或命令行工具,它可以让我将其应用于非常大的 SVG 文件,从而摆脱所述文件中的所有转换。不过,感谢您提供解决方案的可视化。
  • 需要注意的是,如果您确实应用了变换,它可能会改变该路径的外观,例如,描边可能看起来不同。

标签: svg transform


【解决方案1】:

有一个 Inkscape 扩展,Apply Transforms,我发现它可以很好地移除元素上的变换并将它们应用到子元素(例如,调整 &lt;rect&gt;s 的宽度和高度)。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-12-16
    • 2019-04-23
    • 1970-01-01
    • 1970-01-01
    • 2011-02-10
    • 2012-10-02
    • 2021-05-24
    相关资源
    最近更新 更多