Chromium Code Reviews Chromium Code Reviews
Issue 423823004:
Add support for SVG Clip paths in HTML (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: LayoutTests/css3/clippath/clippath-mutated.html |
| diff --git a/LayoutTests/css3/clippath/clippath-mutated.html b/LayoutTests/css3/clippath/clippath-mutated.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..1c202437e09816119090d14d3fbff28785eb6437 |
| --- /dev/null |
| +++ b/LayoutTests/css3/clippath/clippath-mutated.html |
| @@ -0,0 +1,44 @@ |
| +<html> |
| +<head> |
|
esprehn
2014/08/06 17:25:09
Leave out html, body and head elements.
|
| +<script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
| +<script> |
| +window.testIsAsync = true; |
| +function finishTest() { |
| + finishRepaintTest(); |
| +} |
| + |
| +function repaintTest() |
| +{ |
| + document.querySelector('circle').setAttribute('r', 1); |
| + setTimeout(finishTest, 0); |
| +} |
| +</script> |
| +<style> |
| +.error { |
| + width: 100px; |
| + height: 100px; |
| + background-color: red; |
| + position: absolute; |
| +} |
| +.clipped { |
| + width: 100px; |
| + height: 100px; |
| + background-color: green; |
| + -webkit-clip-path: url(#svgPath); |
| + clip-path: url(#svgPath); |
| +} |
| +</style> |
| +</head> |
| +<body onload="runRepaintAndPixelTest()"> |
| +<div class="error"></div> |
| +<div class="clipped"></div> |
| +<svg id="svgElement" height="0" width="0"> |
| + <defs> |
| + <clipPath id="svgPath" clipPathUnits="objectBoundingBox"> |
| + <circle cx="0.5" cy="0.5" r="0.5"> |
| + </circle> |
| + </clipPath> |
| + </defs> |
| +</svg> |
| +</body> |
| +</html> |
