2015-10-07 107 views
-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> 

回答

0

可以使用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一些例子和命令的解釋,可用於繪製路徑。