SVG轉換 - 水平翻轉

Question

我需要水平翻轉此SVG - 無法在網上找到任何東西。這裏是：

<svg id="bigHalfCircle" style="display: block;" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none"> 
     <path d="M 0,100 C 40,0 60,0 100,100 Z"/> 
    </svg> 

任何幫助讚賞，歡呼！

Answer 1

您可以設置一個轉換來翻轉事物，然後移動形狀（因爲它翻轉了原點）。

<svg id="bigHalfCircle" style="display: block;" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none"> 
 
     <path transform="scale(1, -1) translate(0, -100)" d="M 0,100 C 40,0 60,0 100,100 Z"/> 
 
    </svg>