【问题标题】:Image not shown as svg marker图像未显示为 svg 标记
【发布时间】:2012-07-21 13:53:41
【问题描述】:

我编写了以下代码,以在折线的末端显示一个三角形,并在其开头显示一个图像。 运行这个 svg 它只显示最后的三角形,但没有显示图像。 我在这里错过了什么......

 <svg width="120" height="120" viewBox="0 0 120 120"
 xmlns="http://www.w3.org/2000/svg" version="1.1"
 xmlns:xlink="http://www.w3.org/1999/xlink">

<defs>
<marker id="Image"
            viewBox="0 0 10 10" 
            refX="5" refY="5"
            markerWidth="6" 
            markerHeight="6"
            orient="auto">
        <path d="M 0 0 L 10 10 L 10 0 L 0 0 z" />
    </marker>
</defs>

<polyline points="10,90 50,80 90,20"
          fill="none" stroke="black" 
          stroke-width="2"
          marker-end="url(#Triangle)" marker-start="url(#Image)"/>



</svg>

【问题讨论】:

    标签: svg marker


    【解决方案1】:

    没有 ID 为 Triangle 的标记,所以它没有显示。因此它只显示图像标记(恰好是一个三角形)。

    【讨论】:

      猜你喜欢
      • 2013-11-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-11-10
      • 2021-03-31
      • 2017-05-02
      • 1970-01-01
      相关资源
      最近更新 更多