有使用剪辑路径和反向区域的解决方案吗?
<svg viewBox="0 0 100 14" preserveAspectRatio="xMidYMin">
<defs>
<clipPath id="triangle">
<polygon points="0,0 100,0 0,14" />
</clipPath>
</defs>
<polygon points="100,0 100,14, 0,14" />
<circle cx="50" cy="14" r="14" fill="red" />
</svg>
<div class="skew">
Lorem Ipsum jest tekstem stosowanym jako przykładowy wypełniacz w przemyśle poligraficznym. Został po raz pierwszy użyty w XV w. przez nieznanego drukarza do wypełnienia tekstem próbnej książki. Pięć wieków później zaczął być używany przemyśle elektronicznym...
</div>
演示:https://jsfiddle.net/kicaj/vw2qobcm
我想展示红圈的第二部分 记住:圆圈的底部部分高于div:)