2017-04-24 2508 views
1

我需要水平翻转此SVG - 无法在网上找到任何东西。这里是: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> 

任何帮助赞赏,欢呼!

回答

2

您可以设置一个转换来翻转事物,然后移动形状(因为它翻转了原点)。

<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>

+0

量表作为镜像功能http://tutorials.jenkov.com/svg/svg-transformation.html – Rockallite