В чем разница SVG path d="" и -webkit-clip-path?

Question

[Ярослав Иванов]

Можно ли конвертировать/переписать например это

<svg>
 <path d="M286,113c0,0-68.8,9-136,9c-78.2,0-137-9-137-9S3,97.198,3,62.5C3,33.999,13,12,13,12S72,2,150,2c85,0,136,10,136,10s11,17.598,11,52C297,96.398,286,113,286,113z">
 </path>
</svg>

в -webkit-clip-path: polygon(........);

или это совершенно разные вещи ?

Answer 1

[Петр]

SVG path это отрисовка пути.
-webkit-clip-path - это отсечение области отрисоки