SVG
clipPath

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


Parametri

Parametro Descrizione
clipPathUnits il sistema di coordinate dei contenuti del pattern è objectBoundingBox o userSpaceOnUse

Osservazioni

Informazioni sulla raccomandazione relative al W3C

Ritaglio su un percorso circolare

<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>
Logo originale Logo dopo il ritaglio
logologo dopo il ritaglio


Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow