haikuwebkit/LayoutTests/css3/masking/clip-path-polygon-nonzero.html

16 lines
308 B
HTML
Raw Permalink Normal View History

Use -webkit-clip-path shapes to clip HTML elements https://bugs.webkit.org/show_bug.cgi?id=95646 Reviewed by Dean Jackson. Source/WebCore: -webkit-clip-path creates a new layer for HTML elements now. The border, background and content gets clipped by the clip path after any filter was applied. Tests: css3/masking/clip-path-circle-filter.html css3/masking/clip-path-circle-overflow.html css3/masking/clip-path-circle-overflow-hidden.html css3/masking/clip-path-circle-relative-overflow.html css3/masking/clip-path-circle.html css3/masking/clip-path-ellipse.html css3/masking/clip-path-polygon-evenodd.html css3/masking/clip-path-polygon-nonzero.html css3/masking/clip-path-polygon.html css3/masking/clip-path-rectangle.html * rendering/RenderBox.h: Create new layer on clip-path. * rendering/RenderBoxModelObject.h: (WebCore::RenderBoxModelObject::requiresLayer): Create new layer on clip-path. * rendering/RenderInline.h: (WebCore::RenderInline::requiresLayer): Create new layer on clip-path. * rendering/RenderLayer.cpp: Apply clip-path on context of object. (WebCore::RenderLayer::paintLayerContents): Create new layer on clip-path. * rendering/RenderObject.h: (WebCore::RenderObject::hasClipPath): Indicates that renderer needs to be clipped by clip-path. * rendering/RenderTableRow.h: Create new layer on clip-path. LayoutTests: Added new tests for the -webkit-clip-path property applied to HTML content. * css3/masking/clip-path-circle-filter.html: Added. * css3/masking/clip-path-circle-overflow.html: Added. * css3/masking/clip-path-circle-relative-overflow.html: Added. * css3/masking/clip-path-circle-overflow-hidden.html: Added. * css3/masking/clip-path-circle.html: Added. * css3/masking/clip-path-ellipse.html: Added. * css3/masking/clip-path-polygon-evenodd.html: Added. * css3/masking/clip-path-polygon-nonzero.html: Added. * css3/masking/clip-path-polygon.html: Added. * css3/masking/clip-path-rectangle.html: Added. * platform/chromium/TestExpectations: * platform/efl/TestExpectations: * platform/gtk/TestExpectations: * platform/mac/css3/masking/clip-path-circle-expected.png: Added. * platform/mac/css3/masking/clip-path-circle-expected.txt: Added. * platform/mac/css3/masking/clip-path-circle-filter-expected.png: Added. * platform/mac/css3/masking/clip-path-circle-filter-expected.txt: Added. * platform/mac/css3/masking/clip-path-circle-overflow-expected.png: Added. * platform/mac/css3/masking/clip-path-circle-overflow-expected.txt: Added. * platform/mac/css3/masking/clip-path-circle-overflow-hidden-expected.png: Added. * platform/mac/css3/masking/clip-path-circle-overflow-hidden-expected.txt: Added. * platform/mac/css3/masking/clip-path-circle-relative-overflow-expected.png: Added. * platform/mac/css3/masking/clip-path-circle-relative-overflow-expected.txt: Added. * platform/mac/css3/masking/clip-path-ellipse-expected.png: Added. * platform/mac/css3/masking/clip-path-ellipse-expected.txt: Added. * platform/mac/css3/masking/clip-path-polygon-evenodd-expected.png: Added. * platform/mac/css3/masking/clip-path-polygon-evenodd-expected.txt: Added. * platform/mac/css3/masking/clip-path-polygon-expected.png: Added. * platform/mac/css3/masking/clip-path-polygon-expected.txt: Added. * platform/mac/css3/masking/clip-path-polygon-nonzero-expected.png: Added. * platform/mac/css3/masking/clip-path-polygon-nonzero-expected.txt: Added. * platform/mac/css3/masking/clip-path-rectangle-expected.png: Added. * platform/mac/css3/masking/clip-path-rectangle-expected.txt: Added. Canonical link: https://commits.webkit.org/113736@main git-svn-id: https://svn.webkit.org/repository/webkit/trunk@127608 268f45cc-cd09-0410-ab3c-d52691b4dbfc
2012-09-05 17:48:19 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<style>
div {
Transform CSS clip-path pixel tests to ref tests https://bugs.webkit.org/show_bug.cgi?id=129607 Reviewed by Andreas Kling. * css3/masking/clip-path-border-box.html: * css3/masking/clip-path-circle-filter-expected.txt: Removed. * css3/masking/clip-path-circle-overflow-expected.txt: Removed. * css3/masking/clip-path-circle-overflow-hidden-expected.txt: Removed. * css3/masking/clip-path-circle-overflow-hidden.html: Removed. * css3/masking/clip-path-circle-relative-overflow-expected.txt: Removed. * css3/masking/clip-path-ellipse-expected.html: Renamed from LayoutTests/css3/masking/clip-path-circle-filter.html. * css3/masking/clip-path-ellipse-expected.txt: Removed. * css3/masking/clip-path-ellipse.html: * css3/masking/clip-path-filter-expected.html: Added. * css3/masking/clip-path-filter.html: Added. * css3/masking/clip-path-inset-expected.html: Copied from LayoutTests/css3/masking/clip-path-ellipse.html. * css3/masking/clip-path-inset-expected.txt: Removed. * css3/masking/clip-path-overflow-expected.html: Copied from LayoutTests/css3/masking/clip-path-circle-overflow.html. * css3/masking/clip-path-overflow-hidden-expected.html: Copied from LayoutTests/css3/masking/clip-path-ellipse.html. * css3/masking/clip-path-overflow-hidden.html: Renamed from LayoutTests/css3/masking/clip-path-circle-overflow.html. * css3/masking/clip-path-overflow.html: Copied from LayoutTests/css3/masking/clip-path-ellipse.html. * css3/masking/clip-path-polygon-evenodd-expected.html: Added. * css3/masking/clip-path-polygon-evenodd-expected.txt: Removed. * css3/masking/clip-path-polygon-evenodd.html: * css3/masking/clip-path-polygon-expected.html: Copied from LayoutTests/css3/masking/clip-path-ellipse.html. * css3/masking/clip-path-polygon-expected.txt: Removed. * css3/masking/clip-path-polygon-nonzero-expected.html: Copied from LayoutTests/css3/masking/clip-path-ellipse.html. * css3/masking/clip-path-polygon-nonzero-expected.txt: Removed. * css3/masking/clip-path-polygon-nonzero.html: * css3/masking/clip-path-polygon.html: * platform/efl/css3/masking/clip-path-circle-overflow-expected.png: Removed. * platform/efl/css3/masking/clip-path-circle-overflow-hidden-expected.png: Removed. * platform/efl/css3/masking/clip-path-ellipse-expected.png: Removed. * platform/gtk/css3/masking/clip-path-circle-overflow-expected.png: Removed. * platform/gtk/css3/masking/clip-path-circle-overflow-hidden-expected.png: Removed. * platform/gtk/css3/masking/clip-path-ellipse-expected.png: Removed. * platform/mac/css3/masking/clip-path-circle-overflow-expected.png: Removed. * platform/mac/css3/masking/clip-path-circle-overflow-hidden-expected.png: Removed. * platform/mac/css3/masking/clip-path-ellipse-expected.png: Removed. * platform/mac/css3/masking/clip-path-inset-expected.png: Removed. * platform/mac/css3/masking/clip-path-polygon-evenodd-expected.png: Removed. * platform/mac/css3/masking/clip-path-polygon-expected.png: Removed. * platform/mac/css3/masking/clip-path-polygon-nonzero-expected.png: Removed. Canonical link: https://commits.webkit.org/147665@main git-svn-id: https://svn.webkit.org/repository/webkit/trunk@164992 268f45cc-cd09-0410-ab3c-d52691b4dbfc
2014-03-03 18:32:27 +00:00
width: 220px;
height: 220px;
Use -webkit-clip-path shapes to clip HTML elements https://bugs.webkit.org/show_bug.cgi?id=95646 Reviewed by Dean Jackson. Source/WebCore: -webkit-clip-path creates a new layer for HTML elements now. The border, background and content gets clipped by the clip path after any filter was applied. Tests: css3/masking/clip-path-circle-filter.html css3/masking/clip-path-circle-overflow.html css3/masking/clip-path-circle-overflow-hidden.html css3/masking/clip-path-circle-relative-overflow.html css3/masking/clip-path-circle.html css3/masking/clip-path-ellipse.html css3/masking/clip-path-polygon-evenodd.html css3/masking/clip-path-polygon-nonzero.html css3/masking/clip-path-polygon.html css3/masking/clip-path-rectangle.html * rendering/RenderBox.h: Create new layer on clip-path. * rendering/RenderBoxModelObject.h: (WebCore::RenderBoxModelObject::requiresLayer): Create new layer on clip-path. * rendering/RenderInline.h: (WebCore::RenderInline::requiresLayer): Create new layer on clip-path. * rendering/RenderLayer.cpp: Apply clip-path on context of object. (WebCore::RenderLayer::paintLayerContents): Create new layer on clip-path. * rendering/RenderObject.h: (WebCore::RenderObject::hasClipPath): Indicates that renderer needs to be clipped by clip-path. * rendering/RenderTableRow.h: Create new layer on clip-path. LayoutTests: Added new tests for the -webkit-clip-path property applied to HTML content. * css3/masking/clip-path-circle-filter.html: Added. * css3/masking/clip-path-circle-overflow.html: Added. * css3/masking/clip-path-circle-relative-overflow.html: Added. * css3/masking/clip-path-circle-overflow-hidden.html: Added. * css3/masking/clip-path-circle.html: Added. * css3/masking/clip-path-ellipse.html: Added. * css3/masking/clip-path-polygon-evenodd.html: Added. * css3/masking/clip-path-polygon-nonzero.html: Added. * css3/masking/clip-path-polygon.html: Added. * css3/masking/clip-path-rectangle.html: Added. * platform/chromium/TestExpectations: * platform/efl/TestExpectations: * platform/gtk/TestExpectations: * platform/mac/css3/masking/clip-path-circle-expected.png: Added. * platform/mac/css3/masking/clip-path-circle-expected.txt: Added. * platform/mac/css3/masking/clip-path-circle-filter-expected.png: Added. * platform/mac/css3/masking/clip-path-circle-filter-expected.txt: Added. * platform/mac/css3/masking/clip-path-circle-overflow-expected.png: Added. * platform/mac/css3/masking/clip-path-circle-overflow-expected.txt: Added. * platform/mac/css3/masking/clip-path-circle-overflow-hidden-expected.png: Added. * platform/mac/css3/masking/clip-path-circle-overflow-hidden-expected.txt: Added. * platform/mac/css3/masking/clip-path-circle-relative-overflow-expected.png: Added. * platform/mac/css3/masking/clip-path-circle-relative-overflow-expected.txt: Added. * platform/mac/css3/masking/clip-path-ellipse-expected.png: Added. * platform/mac/css3/masking/clip-path-ellipse-expected.txt: Added. * platform/mac/css3/masking/clip-path-polygon-evenodd-expected.png: Added. * platform/mac/css3/masking/clip-path-polygon-evenodd-expected.txt: Added. * platform/mac/css3/masking/clip-path-polygon-expected.png: Added. * platform/mac/css3/masking/clip-path-polygon-expected.txt: Added. * platform/mac/css3/masking/clip-path-polygon-nonzero-expected.png: Added. * platform/mac/css3/masking/clip-path-polygon-nonzero-expected.txt: Added. * platform/mac/css3/masking/clip-path-rectangle-expected.png: Added. * platform/mac/css3/masking/clip-path-rectangle-expected.txt: Added. Canonical link: https://commits.webkit.org/113736@main git-svn-id: https://svn.webkit.org/repository/webkit/trunk@127608 268f45cc-cd09-0410-ab3c-d52691b4dbfc
2012-09-05 17:48:19 +00:00
background-color: green;
Transform CSS clip-path pixel tests to ref tests https://bugs.webkit.org/show_bug.cgi?id=129607 Reviewed by Andreas Kling. * css3/masking/clip-path-border-box.html: * css3/masking/clip-path-circle-filter-expected.txt: Removed. * css3/masking/clip-path-circle-overflow-expected.txt: Removed. * css3/masking/clip-path-circle-overflow-hidden-expected.txt: Removed. * css3/masking/clip-path-circle-overflow-hidden.html: Removed. * css3/masking/clip-path-circle-relative-overflow-expected.txt: Removed. * css3/masking/clip-path-ellipse-expected.html: Renamed from LayoutTests/css3/masking/clip-path-circle-filter.html. * css3/masking/clip-path-ellipse-expected.txt: Removed. * css3/masking/clip-path-ellipse.html: * css3/masking/clip-path-filter-expected.html: Added. * css3/masking/clip-path-filter.html: Added. * css3/masking/clip-path-inset-expected.html: Copied from LayoutTests/css3/masking/clip-path-ellipse.html. * css3/masking/clip-path-inset-expected.txt: Removed. * css3/masking/clip-path-overflow-expected.html: Copied from LayoutTests/css3/masking/clip-path-circle-overflow.html. * css3/masking/clip-path-overflow-hidden-expected.html: Copied from LayoutTests/css3/masking/clip-path-ellipse.html. * css3/masking/clip-path-overflow-hidden.html: Renamed from LayoutTests/css3/masking/clip-path-circle-overflow.html. * css3/masking/clip-path-overflow.html: Copied from LayoutTests/css3/masking/clip-path-ellipse.html. * css3/masking/clip-path-polygon-evenodd-expected.html: Added. * css3/masking/clip-path-polygon-evenodd-expected.txt: Removed. * css3/masking/clip-path-polygon-evenodd.html: * css3/masking/clip-path-polygon-expected.html: Copied from LayoutTests/css3/masking/clip-path-ellipse.html. * css3/masking/clip-path-polygon-expected.txt: Removed. * css3/masking/clip-path-polygon-nonzero-expected.html: Copied from LayoutTests/css3/masking/clip-path-ellipse.html. * css3/masking/clip-path-polygon-nonzero-expected.txt: Removed. * css3/masking/clip-path-polygon-nonzero.html: * css3/masking/clip-path-polygon.html: * platform/efl/css3/masking/clip-path-circle-overflow-expected.png: Removed. * platform/efl/css3/masking/clip-path-circle-overflow-hidden-expected.png: Removed. * platform/efl/css3/masking/clip-path-ellipse-expected.png: Removed. * platform/gtk/css3/masking/clip-path-circle-overflow-expected.png: Removed. * platform/gtk/css3/masking/clip-path-circle-overflow-hidden-expected.png: Removed. * platform/gtk/css3/masking/clip-path-ellipse-expected.png: Removed. * platform/mac/css3/masking/clip-path-circle-overflow-expected.png: Removed. * platform/mac/css3/masking/clip-path-circle-overflow-hidden-expected.png: Removed. * platform/mac/css3/masking/clip-path-ellipse-expected.png: Removed. * platform/mac/css3/masking/clip-path-inset-expected.png: Removed. * platform/mac/css3/masking/clip-path-polygon-evenodd-expected.png: Removed. * platform/mac/css3/masking/clip-path-polygon-expected.png: Removed. * platform/mac/css3/masking/clip-path-polygon-nonzero-expected.png: Removed. Canonical link: https://commits.webkit.org/147665@main git-svn-id: https://svn.webkit.org/repository/webkit/trunk@164992 268f45cc-cd09-0410-ab3c-d52691b4dbfc
2014-03-03 18:32:27 +00:00
-webkit-clip-path: polygon(nonzero, 0 0, 200px 0, 200px 200px, 0 200px, 0 20px, 180px 20px, 180px 180px, 20px 180px, 20px 20px, 0 20px);
Use -webkit-clip-path shapes to clip HTML elements https://bugs.webkit.org/show_bug.cgi?id=95646 Reviewed by Dean Jackson. Source/WebCore: -webkit-clip-path creates a new layer for HTML elements now. The border, background and content gets clipped by the clip path after any filter was applied. Tests: css3/masking/clip-path-circle-filter.html css3/masking/clip-path-circle-overflow.html css3/masking/clip-path-circle-overflow-hidden.html css3/masking/clip-path-circle-relative-overflow.html css3/masking/clip-path-circle.html css3/masking/clip-path-ellipse.html css3/masking/clip-path-polygon-evenodd.html css3/masking/clip-path-polygon-nonzero.html css3/masking/clip-path-polygon.html css3/masking/clip-path-rectangle.html * rendering/RenderBox.h: Create new layer on clip-path. * rendering/RenderBoxModelObject.h: (WebCore::RenderBoxModelObject::requiresLayer): Create new layer on clip-path. * rendering/RenderInline.h: (WebCore::RenderInline::requiresLayer): Create new layer on clip-path. * rendering/RenderLayer.cpp: Apply clip-path on context of object. (WebCore::RenderLayer::paintLayerContents): Create new layer on clip-path. * rendering/RenderObject.h: (WebCore::RenderObject::hasClipPath): Indicates that renderer needs to be clipped by clip-path. * rendering/RenderTableRow.h: Create new layer on clip-path. LayoutTests: Added new tests for the -webkit-clip-path property applied to HTML content. * css3/masking/clip-path-circle-filter.html: Added. * css3/masking/clip-path-circle-overflow.html: Added. * css3/masking/clip-path-circle-relative-overflow.html: Added. * css3/masking/clip-path-circle-overflow-hidden.html: Added. * css3/masking/clip-path-circle.html: Added. * css3/masking/clip-path-ellipse.html: Added. * css3/masking/clip-path-polygon-evenodd.html: Added. * css3/masking/clip-path-polygon-nonzero.html: Added. * css3/masking/clip-path-polygon.html: Added. * css3/masking/clip-path-rectangle.html: Added. * platform/chromium/TestExpectations: * platform/efl/TestExpectations: * platform/gtk/TestExpectations: * platform/mac/css3/masking/clip-path-circle-expected.png: Added. * platform/mac/css3/masking/clip-path-circle-expected.txt: Added. * platform/mac/css3/masking/clip-path-circle-filter-expected.png: Added. * platform/mac/css3/masking/clip-path-circle-filter-expected.txt: Added. * platform/mac/css3/masking/clip-path-circle-overflow-expected.png: Added. * platform/mac/css3/masking/clip-path-circle-overflow-expected.txt: Added. * platform/mac/css3/masking/clip-path-circle-overflow-hidden-expected.png: Added. * platform/mac/css3/masking/clip-path-circle-overflow-hidden-expected.txt: Added. * platform/mac/css3/masking/clip-path-circle-relative-overflow-expected.png: Added. * platform/mac/css3/masking/clip-path-circle-relative-overflow-expected.txt: Added. * platform/mac/css3/masking/clip-path-ellipse-expected.png: Added. * platform/mac/css3/masking/clip-path-ellipse-expected.txt: Added. * platform/mac/css3/masking/clip-path-polygon-evenodd-expected.png: Added. * platform/mac/css3/masking/clip-path-polygon-evenodd-expected.txt: Added. * platform/mac/css3/masking/clip-path-polygon-expected.png: Added. * platform/mac/css3/masking/clip-path-polygon-expected.txt: Added. * platform/mac/css3/masking/clip-path-polygon-nonzero-expected.png: Added. * platform/mac/css3/masking/clip-path-polygon-nonzero-expected.txt: Added. * platform/mac/css3/masking/clip-path-rectangle-expected.png: Added. * platform/mac/css3/masking/clip-path-rectangle-expected.txt: Added. Canonical link: https://commits.webkit.org/113736@main git-svn-id: https://svn.webkit.org/repository/webkit/trunk@127608 268f45cc-cd09-0410-ab3c-d52691b4dbfc
2012-09-05 17:48:19 +00:00
}
</style>
</head>
<body>
<div>
</body>
</html>