Question

我希望三角形的右侧没有中风。与您在css中使用docker inspect所能做的类似。

这可能吗？

border-right: none

Answer 1

当然，还有一种选择，就是根本不绘制那一面。

＆＃13;

path {
  fill: rgb(255, 255, 255);
  stroke: rgb(255, 170, 255);
  stroke-width: 0.5px;
}
svg {
  transform: rotate(180deg);
  height: 250px;
  width: 250px;
}
body {
  background: ivory;
}

＆＃13;

<svg viewBox="0 0 30 30" preserveAspectRatio="xMidYMid meet" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="arrow">
  <g>
    <path d="M3.55271368e-15,0 L30,15 L-3.55271368e-15,30"></path>
  </g>
</svg>

＆＃13;

Answer 2

您可以实现这一目标，使用stroke-dasharray和stroke-dashoffset：

＆＃13;

path {
  fill: rgb(255, 255, 255);
  stroke-dashoffset: -164;
  stroke: rgb(255, 170, 255);
  stroke-dasharray: 67;
  stroke-width: 0.5px;
}
svg {
  transform: rotate(180deg);
  height: 250px;
  width: 250px;
}
body {
  background: ivory;
}

＆＃13;

<svg viewBox="0 0 30 30" preserveAspectRatio="xMidYMid meet" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="arrow">
  <g>
    <path d="M-3.55271368e-15,30 L3.55271368e-15,0 L30,15 L-3.55271368e-15,30 Z"></path>
  </g>
</svg>

＆＃13;

中风一个svg但只有4个中的3个？

2 个答案: