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

Side by Side Diff: LayoutTests/svg/paintorder/paintorder-text-decorations.svg

Issue 225023029: Apply SVG paint-order to text-decorations (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 8 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 | Annotate | Revision Log
OLDNEW
(Empty)
1 <svg viewBox="-10 -10 280 220" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="h ttp://www.w3.org/1999/xlink">
2 <defs>
3 <marker id="m" refX="5" refY="5" viewBox="0 0 10 10" overflow="visible">
pdr. 2014/04/08 14:20:57 Nit: these markers just make the test more confusi
Stephen Chennney 2014/04/08 15:06:10 I considered this but thought they should stay to
fs 2014/04/08 15:50:24 Yes, that was my thinking - although I didn't thin
4 <circle cx="5" cy="5" r="3" fill="black" stroke="black" fill-opacity="0.5" />
5 </marker>
6 <svg id="poly" viewBox="-10 -10 420 420">
7 <text y="300" font-family="sans-serif" font-size="200" fill="blue" stroke= "lime" stroke-width="10" stroke-opacity="0.5" style="marker: url(#m); text-decor ation: underline">test</text>
8 </svg>
9 </defs>
10
11 <use xlink:href="#poly" width="50" height="50"/>
12 <use xlink:href="#poly" style="paint-order: normal" width="50" height="50" x=" 50"/>
13
14 <g transform="translate(0,50)">
15 <use xlink:href="#poly" style="paint-order: fill" width="50" height="50" x=" 0"/>
16 <use xlink:href="#poly" style="paint-order: fill stroke" width="50" height=" 50" x="50"/>
17 <use xlink:href="#poly" style="paint-order: fill stroke markers" width="50" height="50" x="100"/>
18 <use xlink:href="#poly" style="paint-order: fill markers" width="50" height= "50" x="150"/>
19 <use xlink:href="#poly" style="paint-order: fill markers stroke" width="50" height="50" x="200" />
20 </g>
21
22 <g transform="translate(0,100)">
23 <use xlink:href="#poly" style="paint-order: stroke" width="50" height="50" x ="0"/>
24 <use xlink:href="#poly" style="paint-order: stroke fill" width="50" height=" 50" x="50"/>
25 <use xlink:href="#poly" style="paint-order: stroke fill markers" width="50" height="50" x="100"/>
26 <use xlink:href="#poly" style="paint-order: stroke markers" width="50" heigh t="50" x="150"/>
27 <use xlink:href="#poly" style="paint-order: stroke markers fill" width="50" height="50" x="200"/>
28 </g>
29
30 <g transform="translate(0,150)">
31 <use xlink:href="#poly" style="paint-order: markers" width="50" height="50" x="0"/>
32 <use xlink:href="#poly" style="paint-order: markers stroke" width="50" heigh t="50" x="50"/>
33 <use xlink:href="#poly" style="paint-order: markers stroke fill" width="50" height="50" x="100"/>
34 <use xlink:href="#poly" style="paint-order: markers fill" width="50" height= "50" x="150"/>
35 <use xlink:href="#poly" style="paint-order: markers fill stroke" width="50" height="50" x="200"/>
36 </g>
37 </svg>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698