svg - 组合 <use>-tags 或使用 <use>-tags 制作 <path>

标签 svg inkscape

通过 Inkscape 使用 SVG:

我有好几个 <use> -tags,重复使用相同的 <line> (来自 defs),同时转换它。

现在我想通过组合一些“转换线”并连接端点来创建一个形状( <path> )。 Inkscape 有一个工具来组合路径,但在我看来,组合多个使用标签是不可能的。

如何从 <use> 创建单独的路径-tag,稍后将它们组合成一条路径?

简化示例:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <defs>
        <symbol id="extended_segment">
            <line style="stroke:#000000;" y2="240" x2="615" y1="240" x1="240"/>
        </symbol>
    </defs>
    <use xlink:href="#extended_segment" transform="matrix(0,-1,1,0,330,615)" />
    <use xlink:href="#extended_segment" transform="matrix(0.5,-0.8660254,0.8660254,0.5,242.1539,462.8461)" />
</svg>

这个例子应该导致一个三角形的路径......

最佳答案

终于找到了:它正在取消链接克隆,这将创建新的路径/线元素。

If necessary, a clone is easy to convert to a regular object – that is, to cut its link to the original. For this, go to Edit > Unlink Clone or press Alt+Shift+D when the clone is selected.



这是source

关于svg - 组合 <use>-tags 或使用 <use>-tags 制作 <path>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7121570/

相关文章:

javascript - HTML5 SVG vs Canvas 用于大量行?

performance - svg 超出屏幕,渲染了吗?

css - 使用 CSS 从 spritesheet 插入 SVG 并为其着色

css - SVG 不均匀的笔画宽度

twitter-bootstrap - 是否可以将 Bootstrap Glyphicons svg 文件加载到 Inkscape 中?

php - 在 PHP 中运行 inkscape

svg - 使用 inkscape 从命令行优化 SVG

unix - 用于选择对象/路径的 Inkscape CLI 语法

javascript - HTMl+SVG+JavaScript : change text at runtime?

Inkscape 滤镜