third_party/WebKit/LayoutTests/svg/as-image/image-respects-deviceScaleFactor.html - Issue 2753633003: Implement SVGImage::applyShader()

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: third_party/WebKit/LayoutTests/svg/as-image/image-respects-deviceScaleFactor.html

Issue 2753633003: Implement SVGImage::applyShader() (Closed)

Patch Set: rebaseline Created 3 years, 9 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

« no previous file with comments | « third_party/WebKit/LayoutTests/platform/win/svg/as-image/image-respects-deviceScaleFactor-expected.txt ('k') | third_party/WebKit/Source/core/svg/graphics/SVGImage.h » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

3 <script>	3 <script>

4 function init() {	4 function init() {

5 if (!window.testRunner)	5 if (!window.testRunner)

6 return;	6 return;

7	7

8 testRunner.waitUntilDone();	8 testRunner.waitUntilDone();

9 testRunner.setBackingScaleFactor(2, function () { testRunner.notifyDone( ); });	9 testRunner.setBackingScaleFactor(2, function () { testRunner.notifyDone( ); });

10 }	10 }

11 window.onload = init;	11 window.onload = init;

12 </script>	12 </script>

	13 <style>

	14 .bg1 {

	15 background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' wi dth='128' height='128'><circle fill='black' cx='64' cy='64' r='64' /></svg>");

	16 }

	17 .bg2 {

	18 background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' vi ewBox='0 0 128 128'><circle fill='black' cx='64' cy='64' r='64' /></svg>");

	19 }

	20 </style>

13 </head>	21 </head>

14 <p>This test passes if both of the circles have sharp edges when deviceScaleFact or=2.</p>	22 <p>This test passes if all circles have sharp edges when deviceScaleFactor=2.</p >

15 <img style="width: 128px;" src="data:image/svg+xml,<svg xmlns='http://www.w3.org /2000/svg' width='128' height='128'><circle fill='black' cx='64' cy='64' r='64' /></svg>">	23 <img style="width: 128px;" src="data:image/svg+xml,<svg xmlns='http://www.w3.org /2000/svg' width='128' height='128'><circle fill='black' cx='64' cy='64' r='64' /></svg>">

16 <img style="width: 128px;" src="data:image/svg+xml,<svg xmlns='http://www.w3.org /2000/svg' viewBox='0 0 128 128'><circle fill='black' cx='64' cy='64' r='64' />< /svg>">	24 <img style="width: 128px;" src="data:image/svg+xml,<svg xmlns='http://www.w3.org /2000/svg' viewBox='0 0 128 128'><circle fill='black' cx='64' cy='64' r='64' />< /svg>">

	25 <div class="bg1" style="width: 128px; height: 128px; border-radius: 10px; displa y: inline-block;"></div>

	26 <div class="bg2" style="width: 128px; height: 128px; border-radius: 10px; displa y: inline-block;"></div>

17 </html>	27 </html>

OLD	NEW