Question

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

Answer 1

没有ID为Triangle的标记，因此没有显示。因此，它仅显示图像标记（恰好是三角形）。

图像未显示为svg标记

1 个答案: