將SVG路徑減半圈圈

我是SVG新手。我想使這個彎曲行程： This picture of the stroke 將SVG路徑減半圈圈

我怎樣才能使與SVG？我已經完成了SVG。但不要出去。誰能幫我解決這個問題？感謝幫助！

2013-01-09 Mike Vierwind

請張貼您當前的SVG代碼。 – dnagirl

看看這個答案：http://stackoverflow.com/a/5737245/128245 – dnagirl

可能重複[如何計算弧（圓）的SVG路徑]（http://stackoverflow.com/questions/ 5736398 /如何計算一個圓的圓弧的路徑） – dnagirl

這並不完美，但這樣的事情會給你一個好的開始。

<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='200' height='200'> 
       <path fill='none' stroke="black" stroke-width='4' d='M 90,80 A60,60 0 0,1 90,5'/> 
</svg>

您可以在運行中看到它here。

調整的60,60值將使它更或圓形以下。 90,80和90,5值是開始點和結束點。其餘的應該是自我解釋，但讓我知道如果你有任何問題。

來源

2013-01-09 18:52:26 gotohales

感謝您的幫助！你知道嗎，我該如何製作這個中風的鏡子？ –

@MikeVierwind沒問題！只需將0,1改爲0,0，它就會反射方向:) – gotohales

它也是可行的。我可以做到。 svg元素是路徑元素的寬度和高度。現在svg元素是200寬度和200高度。但是，我可以使這個寬度21和高度79.路徑的寬度和高度。當我現在設置高度和寬度。這條路線就在箱子外面。 –

將SVG路徑減半圈圈

回答

相關問題