clip-path

我們的志工尚未將本文翻譯為 正體中文 (繁體) 版本。加入我們,幫忙翻譯!
您也可以閱讀本文的 English (US) 版本。

« SVG Attribute reference home

The clip-path attribute bind the element is applied to with a given <clippath> element

As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet

Usage context

Categories Presentation attribute
Value <FuncIRI> | none | inherit
Animatable Yes
Normative document SVG 1.1 (2nd Edition)
<funciri>
A reference to another graphical object within the same SVG document fragment which will be used as the clipping path. the syntax for this reference is the same as the css uri. If the reference is not valid (e.g it points to an object that doesn't exist or the object is not a <clippath> element) the clip-path attribute or property must be treated as if it hadn't been specified.

Example

clip-path as an attribute

Source code Output result

Unable to find file clip-path-1.svg

Unable to find file clip-path-1.svg

clip-path as a CSS property

Source code Output result

Unable to find file clip-path-2.svg

Unable to find file clip-path-2.svg

Elements

The following elements can use the clip-path attribute

文件標籤與貢獻者

 此頁面的貢獻者: trevorh, Jeremie
 最近更新: trevorh,