0

SVG 标记填充无法按照https://svgwg.org/specs/markers/中的说明工作。

箭头的预期颜色是深红色和橄榄色,但都是黑色。知道是否有解决方案吗?

<svg xmlns="http://www.w3.org/2000/svg" width="275" height="200" viewBox="0 0 275 200">
  <defs>
    <marker id="Triangle" viewBox="0 0 10 10" refX="1" refY="5" markerUnits="strokeWidth"
      markerWidth="4" markerHeight="3" orient="auto">
      <path d="M 0 0 L 10 5 L 0 10 z" fill="context-stroke" />
    </marker>
  </defs>
  <g fill="none" stroke-width="10" marker-end="url(#Triangle)">
    <path stroke="crimson" d="M 100,75 C 125,50 150,50 175,75" />
    <path stroke="olivedrab" d="M 175,125 C 150,150 125,150 100,125" />
  </g>
</svg>

4

0 回答 0