LayoutTests/svg/transforms/text-with-pattern-inside-transformed-html.xhtml - Issue 637763002: Unprefix usage of -webkit-transform in tests

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/transforms/text-with-pattern-inside-transformed-html.xhtml

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 6 years, 2 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 | « LayoutTests/svg/transforms/svg-css-transforms-clip-path.xhtml ('k') | LayoutTests/svg/transforms/transform-origin-css-property.xhtml » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <html xmlns="http://www.w3.org/1999/xhtml">	1 <html xmlns="http://www.w3.org/1999/xhtml">

2 <head>	2 <head>

3 <title>SVG inside transformed div</title>	3 <title>SVG inside transformed div</title>

4 <style>	4 <style>

5 body {	5 body {

6 background-color: white;	6 background-color: white;

7 }	7 }

8 .box {	8 .box {

9 height: 400px;	9 height: 400px;

10 width: 400px;	10 width: 400px;

11 margin: 50px;	11 margin: 50px;

12 border: 1px solid black;	12 border: 1px solid black;

13 -o-transform: translate(30px, 30px) rotate(20deg);	13 -o-transform: translate(30px, 30px) rotate(20deg);

14 -webkit-transform: translate(30px, 30px) rotate(20deg);	14 transform: translate(30px, 30px) rotate(20deg);

15 }	15 }

16 </style>	16 </style>

17 </head>	17 </head>

18 <body>	18 <body>

19 <p>CSS Transformed HTML div with SVG inside it. objectBoundingBox patterns on text.</p>	19 <p>CSS Transformed HTML div with SVG inside it. objectBoundingBox patterns on text.</p>

20 <div class="box">	20 <div class="box">

21 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/199 9/xlink" viewBox="0 0 480 360">	21 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/199 9/xlink" viewBox="0 0 480 360">

22 <pattern id="pat1" width=".04" height=".4" viewBox="5 5 20 20">	22 <pattern id="pat1" width=".04" height=".4" viewBox="5 5 20 20">

23 <rect x="5" y="5" width="10" height="10" fill="red" />	23 <rect x="5" y="5" width="10" height="10" fill="red" />

24 <rect x="10" y="10" width="10" height="10" fill="green" />	24 <rect x="10" y="10" width="10" height="10" fill="green" />

(...skipping 19 matching lines...) Expand all Loading...
44 <rect x="10" y="0" width="10" height="10" fill="blue" />	44 <rect x="10" y="0" width="10" height="10" fill="blue" />

45 </pattern>	45 </pattern>

46 <text font-family="Arial" font-size="40" fill="none" stroke="url(#pat4 )" stroke-width="2" x="25" y="275">Pattern on stroke</text>	46 <text font-family="Arial" font-size="40" fill="none" stroke="url(#pat4 )" stroke-width="2" x="25" y="275">Pattern on stroke</text>

47 <text font-family="Arial" font-size="12" x="25" y="290">Pattern consi sts of red and blue columns</text>	47 <text font-family="Arial" font-size="12" x="25" y="290">Pattern consi sts of red and blue columns</text>

48 <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="bl ack">$Revision: 1.6 $</text>	48 <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="bl ack">$Revision: 1.6 $</text>

49 <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" s troke="#000000"/>	49 <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" s troke="#000000"/>

50 </svg>	50 </svg>

51 </div>	51 </div>

52 </body>	52 </body>

53 </html>	53 </html>

OLD	NEW