需要一个svg数字

Question

我有一个100％宽度的数字。我需要她的倒置版本。请依靠你的帮助。

<svg id="svg1" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100px" viewBox="0 0 100 100" preserveAspectRatio="none">
<path d="M0 0 C50 90 100 0 100 0 Z"/>
</svg>

jsfiddle example

Answer 1

然后在黑色背景上以白色绘制。

＆＃13;

＆＃13;

<svg id="svg1" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100px" viewBox="0 0 100 100" preserveAspectRatio="none">
    <rect width="100" height="40" fill="black"/>
<path d="M0 0 C50 90 100 0 100 0 Z" fill="white"/>
</svg>

＆＃13;

＆＃13;

＆＃13;

或者你可以继续画边缘......

＆＃13;

＆＃13;

<svg id="svg1" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100px" viewBox="0 0 100 100" preserveAspectRatio="none">
    <path d="M0 0 C50 90 100 0 100 0 v40 h-100 v-40Z" fill="black"/>
</svg>

＆＃13;

＆＃13;

＆＃13;