SVG
clipPath
수색…
매개 변수
매개 변수 | 기술 |
---|---|
clipPathUnits | 패턴 내용의 좌표계 objectBoundingBox 또는 userSpaceOnUse |
비고
원 경로로 클리핑
<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>
원본 로고 | 클리핑 후 로고 |
---|---|
Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow