svg - 如何重用不同维度的<defs>标签中定义的<marker>?

标签 svg path marker

假设我在标签中定义了一个包含在标签中的内容,例如:

<svg>
    <defs>
        <marker markerUnits="userSpaceOnUse" markerWidth="16" markerHeight="16">
            ...
        </marker>
    </defs>
</svg>

请注意,已经应用了markerUnits、markerWidth 和markerHeight,因此标记的大小与应用标记的路径的厚度无关。

但宽度和高度似乎是硬编码的,当我使用 marker-endmarker-start 应用标记时,我没有机会设置标记的尺寸>.

有没有办法通过尺寸自定义重用标记?

最佳答案

没有。 markerUnits="userSpaceOnUse" 类型的标记完全按照定义呈现。 您无法在每次使用时设置它们的大小。

唯一的替代方法是使用markerUnits="StrokeWidth" 标记。它们会缩放以匹配描边宽度值。

关于svg - 如何重用不同维度的<defs>标签中定义的<marker>?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66987382/

相关文章:

html - 具有重叠 DIV 的 webkit-filter 灰度

html - 使用 svg html 元素的剪辑路径不起作用

javascript - 如何以编程方式滚动位于 flex box div 内的 D3 SVG 树?

html - CSS 背景图片不显示

android - Google Maps v2 Marker zOrdering - 置顶

java - 如何为具有不同值的多个标记添加信息窗口适配器?

android - 使用 Google Map Android Clusters 库时,具有相同位置的标记不会显示在 map 中。仅显示聚集项 (10+)

css - SVG 椭圆路径沿两个轴与窗口成比例缩放,用于圆形 "marquee"

windows - 为什么我不能在 golang 中写一个这样的 windows 文件路径?

python - 是否有任何 xml 解析器允许在 python 中按路径添加元素