如何使用一条路径在另一个三角形内创建一个SVG三角形？

-2

What is supposed to be created 如何使用一条路径在另一个三角形内创建一个SVG三角形？

大家好，我正在尝试创造的东西，看起来像使用SVG路径，我只能使用一个路径。到目前为止，我所拥有的只是大三角形。我知道，为了让内部的小一点，我需要添加更多的停止点，但我似乎无法弄清楚所需的确切点。请帮帮我。

这是我到目前为止有：

<!DOCTYPE html> 
<html> 
<body> 
<svg viewBox="0 0 960 960"> 

    <path d="M350 0 L275 90 L425 90 Z" fill="none" stroke-width="5" stroke="purple"/> 


</svg> 

</body> 
</html>

来源

2015-10-07 Rowena

可以使用M命令<path>d属性中四处移动虚拟笔不画线。这样，您可以将笔移动到下一个位置，并使用该新位置的L命令开始新行。您可以使用这些命令的任意组合来移动虚拟笔并画线。以下应得到所需要的输出：

<path d="M350 0 L275 90 L425 90 L350 0 M312.5 45 L387.5 45 L350 90 L312.5 45" 
     fill="none" stroke-width="1" stroke="purple"/>

你可能想看看这个tutorial一些例子和命令的解释，可用于绘制路径。

来源

2015-10-07 08:45:56 altocumulus

如何使用一条路径在另一个三角形内创建一个SVG三角形？

回答

相关问题