0

我编写了以下代码,以在折线的末端显示一个三角形,并在其开头显示一个图像。运行这个 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>
4

1 回答 1

1

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

于 2012-07-23T12:59:21.800 回答