删除三角形中间的一条线而不会弄乱其余的代码

时间:2017-10-08 06:06:38

标签: svg

每当我尝试某些东西时,它都会混淆整个代码。请问有谁可以帮助我。这只是一条线,不应该那么困难,我不明白为什么会这样。

https://jsfiddle.net/r1kc162b/

<svg width="300" height="300" style="background-color:red;" viewBox="13 9.0 11 18">
    <path fill="currentColor" style="stroke: #0059dd; stroke-width:1px;color:black;" d="M 12,26 18.5,22 18.5,14 12,10 z M 18.5,22 25,18 25,18 18.5,14 z"></path>
  </svg>

1 个答案:

答案 0 :(得分:1)

这有效:

<svg width="300" height="300" style="background-color:red;" viewBox="13 9.0 11 18">
<path fill="currentColor"
      style="stroke: #0059dd; stroke-width:1px;color:black;"
      d="M 12,26 12,10 25,18 z">
</path>
</svg>

JSFiddle