Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(34)

Side by Side Diff: LayoutTests/css3/clippath/clippath-reference-add-hw.html

Issue 423823004: Add support for SVG Clip paths in HTML (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Removed unwanted code from RenderLayerClipPathInfo.* and Renderlayer.cpp and Renamed filters to svg… Created 6 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <html>
2 <head>
3 <style>
4 .error {
5 width: 100px;
6 height: 100px;
7 background-color: red;
8 position: absolute;
9 }
10 .clipped {
11 width: 100px;
12 height: 100px;
13 background-color: green;
14 }
15 </style>
16 </head>
17 <body>
18 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1" id= "svg">
19 <defs>
20 <clipPath id="svgPath" clipPathUnits="objectBoundingBox">
21 <circle cx="0.5" cy="0.5" r="0.5">
22 <animate attributeName="r" attributeType="XML" from="0.25" to="1" begin= "0s" dur="0.1s" fill="freeze"/>
23 </circle>
24 </clipPath>
25 </defs>
26 </svg>
27 <div class="error"></div>
28 <div class="clipped" id="div1"></div>
29 <script>
pdr. 2014/08/04 17:06:31 Indentation
Shanmuga Pandi 2014/08/06 14:51:34 Done.
30 var div = document.getElementById("div1");
31 div.style.webkitFilter = "url(#svgPath)";
32 </script>
33 </body>
34 </html>
35
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698