third_party/WebKit/LayoutTests/csspaint/background-image-alpha-expected.html - Issue 2868003002: CSSPaint: Move layout tests in csspaint/ to http/tests/csspaint/

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/csspaint/background-image-alpha-expected.html

Issue 2868003002: CSSPaint: Move layout tests in csspaint/ to http/tests/csspaint/ (Closed)

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

OLD	NEW
	(Empty)
1 <!DOCTYPE html>

2 <html>

3 <head>

4 <style>

5 #background {

6 background-color: yellow;

7 display: inline-block;

8 }

9

10 .container {

11 font-size: 0px;

12 }

13 </style>

14 </head>

15 <body>

16

17 <div id="background">

18 <div class="container">

19 <canvas id ="opaque" width="100" height="100"></canvas>

20 </div>

21 <div class="container">

22 <canvas id ="nonopaque" width="100" height="100"></canvas>

23 </div>

24 </div>

25

26 <script>

27 function drawCanvas(canvasID, hasAlpha) {

28 var canvas = document.getElementById(canvasID);

29 var context = canvas.getContext("2d", {alpha: hasAlpha});

30 context.clearRect(0, 0, canvas.width, canvas.height);

31 context.strokeStyle = 'blue';

32 context.lineWidth = 4;

33 context.strokeRect(20, 20, 60, 60);

34 };

35

36 drawCanvas('opaque', false);

37 drawCanvas('nonopaque', true);

38

39 </script>

40 </body>

41 </html>

OLD	NEW