SVG
clipPath

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


parameters

Parameter Beschrijving
clipPathUnits het coördinatensysteem van de patrooninhoud objectBoundingBox of userSpaceOnUse

Opmerkingen

Gerelateerde W3C Aanbevelingsinformatie

Clipping naar een cirkelpad

<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>
Origineel logo Logo na het knippen
logologo na het knippen


Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow