如何在svg中使三角形连接三角形?

时间:2017-09-20 11:00:37

标签: html5 svg

我是svgs的新手。如何在矩形内部制作4个带边框的三角形?请参阅附图。

enter image description here

先谢谢。

2 个答案:

答案 0 :(得分:0)

您可以执行以下操作:

<polygon points="34.2,87.4 12.3,65.5 12.3,34.5 34.2,12.6 65.2,12.6 87.1,34.5 87.1,65.5 65.2,87.4" fill="hsl(216,80%,50%)"/>

https://codepen.io/anon/pen/pWyxLX //仅限octogone

https://codepen.io/anon/pen/ZXWVKo //使用4个三角形

答案 1 :(得分:0)

这是一个看起来像您要求的形状的样本SVG。

解释每个元素超出了Stack Overflow答案的范围,但是有很多书籍和网络教程可以解释SVG的各种功能。另外,您可以随时read the SVG specification

ComboBox