LayoutTests/svg/paintorder/paintorder.svg - Issue 22482004: Add support for the object-fit CSS property.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/svg/paintorder/paintorder.svg

Issue 22482004: Add support for the object-fit CSS property. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Rebase for landing Created 7 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

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 <defs>

	3 <marker id="m" refX="5" refY="5" viewBox="0 0 10 10" overflow="v isible">

	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 <polygon points="50 50 50 350 350 350 250 200" fill="blu e" stroke="lime" stroke-width="50" style="marker: url(#m)" stroke-opacity="0.5"/ >

	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="5 0" x="50"/>

	13

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

	15 <use xlink:href="#poly" style="paint-order: fill" width="50" hei ght="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" h eight="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" widt h="50" height="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" widt h="50" height="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>

OLD	NEW

« no previous file with comments | « LayoutTests/svg/css/svg-paint-order-expected.txt ('k') | LayoutTests/svg/paintorder/paintorder-expected.svg » ('j') | no next file with comments »