LayoutTests/svg/paintorder/paintorder-text-decorations-expected.svg - Issue 225023029: Apply SVG paint-order to text-decorations

Side by Side Diff: LayoutTests/svg/paintorder/paintorder-text-decorations-expected.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

« LayoutTests/svg/paintorder/paintorder-text-decorations.svg ('K') | « LayoutTests/svg/paintorder/paintorder-text-decorations.svg ('k') | Source/core/rendering/svg/SVGInlineTextBox.cpp » ('j') | Source/core/rendering/svg/SVGInlineTextBox.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(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 <style>

	3 text {

	4 text-decoration: underline;

	5 }

	6 </style>

	7 <defs>

	8 <marker id="m" refX="5" refY="5" viewBox="0 0 10 10" overflow="visible">

	9 <circle cx="5" cy="5" r="3" fill="black" stroke="black" fill-opacity="0.5" />

	10 </marker>

	11 <svg id="poly" viewBox="-10 -10 420 420">

	12 <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)">test</text >

	13 </svg>

	14 <svg id="poly-f-m-s" viewBox="-10 -10 420 420">

	15 <text y="300" font-family="sans-serif" font-size="200" fill="blue" stroke- width="10" stroke-opacity="0.5" style="marker: url(#m); text-decoration: underli ne">test</text>

	16 <text y="300" font-family="sans-serif" font-size="200" fill="none" stroke= "lime" stroke-width="10" stroke-opacity="0.5">test</text>

	17 </svg>

	18 <svg id="poly-m-f-s" viewBox="-10 -10 420 420">

	19 <text y="300" font-family="sans-serif" font-size="200" fill="none" stroke- width="10" stroke-opacity="0.5" style="marker: url(#m)">test</text>

	20 <text y="300" font-family="sans-serif" font-size="200" fill="blue" stroke- width="10" stroke-opacity="0.5">test</text>

	21 <text y="300" font-family="sans-serif" font-size="200" fill="none" stroke= "lime" stroke-width="10" stroke-opacity="0.5">test</text>

	22 </svg>

	23 <svg id="poly-s-m-f" viewBox="-10 -10 420 420">

	24 <text y="300" font-family="sans-serif" font-size="200" fill="none" stroke= "lime" stroke-width="10" stroke-opacity="0.5">test</text>

	25 <text y="300" font-family="sans-serif" font-size="200" fill="none" stroke- width="10" stroke-opacity="0.5" style="marker: url(#m)">test</text>

	26 <text y="300" font-family="sans-serif" font-size="200" fill="blue" stroke- width="10" stroke-opacity="0.5">test</text>

	27 </svg>

	28 <svg id="poly-s-f-m" viewBox="-10 -10 420 420">

	29 <text y="300" font-family="sans-serif" font-size="200" fill="none" stroke= "lime" stroke-width="10" stroke-opacity="0.5">test</text>

	30 <text y="300" font-family="sans-serif" font-size="200" fill="blue" stroke- width="10" stroke-opacity="0.5">test</text>

	31 <text y="300" font-family="sans-serif" font-size="200" fill="none" stroke- width="10" stroke-opacity="0.5" style="marker: url(#m)">test</text>

	32 </svg>

	33 <svg id="poly-m-s-f" viewBox="-10 -10 420 420">

	34 <text y="300" font-family="sans-serif" font-size="200" fill="none" stroke- width="10" stroke-opacity="0.5" style="marker: url(#m)">test</text>

	35 <text y="300" font-family="sans-serif" font-size="200" fill="none" stroke= "lime" stroke-width="10" stroke-opacity="0.5">test</text>

	36 <text y="300" font-family="sans-serif" font-size="200" fill="blue" stroke- width="10" stroke-opacity="0.5">test</text>

	37 </svg>

	38 </defs>

	39

	40 <use xlink:href="#poly" width="50" height="50"/>

	41 <use xlink:href="#poly" width="50" height="50" x="50"/>

	42

	43 <g transform="translate(0,50)">

	44 <use xlink:href="#poly" width="50" height="50" x="0"/>

	45 <use xlink:href="#poly" width="50" height="50" x="50"/>

	46 <use xlink:href="#poly" width="50" height="50" x="100"/>

	47 <use xlink:href="#poly-f-m-s" width="50" height="50" x="150"/>

	48 <use xlink:href="#poly-f-m-s" width="50" height="50" x="200" />

	49 </g>

	50

	51 <g transform="translate(0,100)">

	52 <use xlink:href="#poly-s-f-m" width="50" height="50" x="0"/>

	53 <use xlink:href="#poly-s-f-m" width="50" height="50" x="50"/>

	54 <use xlink:href="#poly-s-f-m" width="50" height="50" x="100"/>

	55 <use xlink:href="#poly-s-m-f" width="50" height="50" x="150"/>

	56 <use xlink:href="#poly-s-m-f" width="50" height="50" x="200"/>

	57 </g>

	58

	59 <g transform="translate(0,150)">

	60 <use xlink:href="#poly-m-f-s" width="50" height="50" x="0"/>

	61 <use xlink:href="#poly-m-s-f" width="50" height="50" x="50"/>

	62 <use xlink:href="#poly-m-s-f" width="50" height="50" x="100"/>

	63 <use xlink:href="#poly-m-f-s" width="50" height="50" x="150"/>

	64 <use xlink:href="#poly-m-f-s" width="50" height="50" x="200"/>

	65 </g>

	66 </svg>

OLD	NEW