SVG
clipPath

Android Angular 2 AngularJS CSS HTML Java Language JavaScript jQuery PHP Python Language
Szukaj…


Parametry

Parametr Opis
clipPathUnits układ współrzędnych treści wzoru albo objectBoundingBox lub userSpaceOnUse

Uwagi

Powiązane informacje dotyczące rekomendacji W3C

Przycinanie do ścieżki okręgu

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <clipPath id="circleClip">
      <circle cx="50" cy="60" r="20" />
    </clipPath>
  </defs>
  <image width="100" height="100" style="clip-path:url(#circleClip)" xlink:href="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png" />
</svg>
Oryginalne logo Logo po wycięciu
logologo po wycięciu


Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow