haikuwebkit/LayoutTests/css3/masking/clip-path-inset-expected.html

18 lines
231 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: 180px;
height: 180px;
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
border: 10px solid black;
-webkit-clip-path: circle();
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>
[css shapes] Layout support for new circle shape syntax https://bugs.webkit.org/show_bug.cgi?id=124619 Reviewed by Dirk Schulze. Source/WebCore: Implement support for doing layout with the new circle shape syntax, inclduing basic animation support. Tests: fast/shapes/shape-outside-floats/shape-outside-floats-circle-000.html fast/shapes/shape-outside-floats/shape-outside-floats-circle-001.html fast/shapes/shape-outside-floats/shape-outside-floats-circle-002.html fast/shapes/shape-outside-floats/shape-outside-floats-circle-003.html fast/shapes/shape-outside-floats/shape-outside-floats-circle-004.html fast/shapes/shape-outside-floats/shape-outside-floats-circle-005.html * css/BasicShapeFunctions.cpp: (WebCore::floatValueForCenterCoordinate): Used by both the CSS Shapes layout code and the clip path code. * css/BasicShapeFunctions.h: * css/CSSBasicShapes.cpp: (WebCore::buildCircleString): Update to use appendLiteral, and remove call to reserveCapacity - if we find that it's actually slow when doing performance tests, we can hopefully do something smarter and less ugly than that. * css/CSSParser.cpp: (WebCore::CSSParser::parseShapeRadius): Fix a logic error that caused the radius keywords not to work properly. * rendering/shapes/Shape.cpp: (WebCore::Shape::createShape): Convert new circle to a layout shape. * rendering/style/BasicShapes.cpp: (WebCore::BasicShape::canBlend): Ignore circles with values that cannot be interpolated. (WebCore::BasicShapeCircle::floatValueForRadiusInBox): Convert circle radius keywords to a float value. (WebCore::BasicShapeCircle::path): (WebCore::BasicShapeCircle::blend): * rendering/style/BasicShapes.h: (WebCore::BasicShapeCenterCoordinate::canBlend): (WebCore::BasicShapeRadius::canBlend): LayoutTests: Add a few tests for the new circle syntax. The old tests in LayoutTests/csswg will be removed when the old syntax is removed. Also update existing shape-inside, animation, and clip-path tests to test the new syntax. * animations/resources/animation-test-helpers.js: (parseBasicShape): * LayoutTests/animations/resources/animation-test-helpers.js: * LayoutTests/css3/masking/clip-path-animation-expected.txt: * LayoutTests/css3/masking/clip-path-animation.html: * LayoutTests/css3/masking/clip-path-circle-filter.html: * LayoutTests/css3/masking/clip-path-circle-overflow-hidden.html: * LayoutTests/css3/masking/clip-path-circle-overflow.html: * LayoutTests/css3/masking/clip-path-circle-relative-overflow.html: * LayoutTests/css3/masking/clip-path-circle.html: * LayoutTests/css3/masking/clip-path-restore.html: * LayoutTests/fast/shapes/parsing/parsing-shape-inside-expected.txt: * LayoutTests/fast/shapes/parsing/parsing-shape-outside-expected.txt: * LayoutTests/fast/shapes/parsing/parsing-test-utils.js: * LayoutTests/fast/shapes/shape-inside/shape-inside-animation-expected.txt: * LayoutTests/fast/shapes/shape-inside/shape-inside-animation.html: * LayoutTests/fast/shapes/shape-inside/shape-inside-calc-crash-expected.txt: * LayoutTests/fast/shapes/shape-inside/shape-inside-calc-crash.html: * LayoutTests/fast/shapes/shape-inside/shape-inside-circle-padding.html: * LayoutTests/fast/shapes/shape-inside/shape-inside-circle.html: * LayoutTests/fast/shapes/shape-inside/shape-inside-dynamic-nested.html: * LayoutTests/fast/shapes/shape-inside/shape-inside-empty-expected.html: * LayoutTests/fast/shapes/shape-inside/shape-inside-empty.html: * fast/shapes/shape-outside-floats/shape-outside-animation-expected.txt: * fast/shapes/shape-outside-floats/shape-outside-animation.html: * fast/shapes/shape-outside-floats/shape-outside-floats-circle-000-expected.html: Added. * fast/shapes/shape-outside-floats/shape-outside-floats-circle-000.html: Added. * fast/shapes/shape-outside-floats/shape-outside-floats-circle-001-expected.html: Added. * fast/shapes/shape-outside-floats/shape-outside-floats-circle-001.html: Added. * fast/shapes/shape-outside-floats/shape-outside-floats-circle-002-expected.html: Added. * fast/shapes/shape-outside-floats/shape-outside-floats-circle-002.html: Added. * fast/shapes/shape-outside-floats/shape-outside-floats-circle-003-expected.html: Added. * fast/shapes/shape-outside-floats/shape-outside-floats-circle-003.html: Added. * fast/shapes/shape-outside-floats/shape-outside-floats-circle-004-expected.html: Added. * fast/shapes/shape-outside-floats/shape-outside-floats-circle-004.html: Added. * fast/shapes/shape-outside-floats/shape-outside-floats-circle-005-expected.html: Added. * fast/shapes/shape-outside-floats/shape-outside-floats-circle-005.html: Added. Canonical link: https://commits.webkit.org/143219@main git-svn-id: https://svn.webkit.org/repository/webkit/trunk@159979 268f45cc-cd09-0410-ab3c-d52691b4dbfc
2013-12-03 00:10:21 +00:00
</html>