{"json_modified": "2016-05-13T13:04:47.169658", "uuid": "aecea113-fae3-4233-872c-ac418b2704d2", "title": "clip-rule", "url": "/en-US/docs/Web/SVG/Attribute/clip-rule", "tags": ["SVG Attribute", "SVG", "NeedsCompatTable", "NeedsExample"], "translations": [], "modified": "2016-05-13T13:04:47", "label": "clip-rule", "localization_tags": [], "locale": "en-US", "id": 4658, "last_edit": "2016-05-13T13:04:45", "summary": "The <code>clip-rule</code> attribute only applies to graphics elements that are contained within a <a href=\"/en-US/docs/Web/SVG/Element/clipPath\" title=\"The clipping path restricts the region to which paint can be applied. Conceptually, any parts of the drawing that lie outside of the region bounded by the currently active clipping path are not drawn.\"><code>&lt;clipPath&gt;</code></a> element. The <code>clip-rule</code> attribute basically works as the <code><a href=\"/en-US/docs/Web/SVG/Attribute/fill-rule\">fill-rule</a></code> attribute, except that it applies to <a href=\"/en-US/docs/Web/SVG/Element/clipPath\" title=\"The clipping path restricts the region to which paint can be applied. Conceptually, any parts of the drawing that lie outside of the region bounded by the currently active clipping path are not drawn.\"><code>&lt;clipPath&gt;</code></a> definitions.", "sections": [{"id": "Usage_context", "title": "Usage context"}, {"id": "Example", "title": "Example"}, {"id": "Elements", "title": "Elements"}, {"id": "See_also", "title": "See also"}], "slug": "Web/SVG/Attribute/clip-rule", "review_tags": []}