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>