third_party/WebKit/LayoutTests/svg/custom/svg-curve-with-relative-cordinates.html - Issue 1416273002: Remove SVGPathElement.pathSegList and related interfaces

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/custom/svg-curve-with-relative-cordinates.html

Issue 1416273002: Remove SVGPathElement.pathSegList and related interfaces (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Rebase. Created 5 years, 1 month 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/svg/custom/script-tests/global-constructors.js ('k') | third_party/WebKit/LayoutTests/svg/custom/textPath-path-change-using-svg-dom.svg » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <html>

2 <head>

3 <script type="text/javascript">

4 function setup() {

5 var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");

6 var viewBox = svg.viewBox.baseVal;

7 viewBox.x = -5;

8 viewBox.y = 0;

9 viewBox.width = 40;

10 viewBox.height = 35;

11 svg.width.baseVal.valueAsString = "400px";

12 svg.height.baseVal.valueAsString = "400px";

13 var path = document.createElementNS("http://www.w3.org/2000/svg", "path");

14 path.style.setProperty("stroke", "black", "");

15 path.style.setProperty("fill", "red", "");

16 var segs = path.pathSegList;

17 segs.appendItem(path.createSVGPathSegMovetoAbs(14.86487, 27.54341));

18 segs.appendItem(path.createSVGPathSegCurvetoCubicAbs(2.16163, 16.27388, 10.9361 4, 23.44857, 5.53039, 20.93069));

19 segs.appendItem(path.createSVGPathSegCurvetoCubicAbs(0.40252, 6.50142, 0.19540, 13.47135, -0.27051, 9.80295));

20 segs.appendItem(path.createSVGPathSegCurvetoCubicAbs(8.61522, 0.38648, 1.50231, 3.03806, 4.88027, 0.20151));

21 segs.appendItem(path.createSVGPathSegCurvetoCubicAbs(15.54304, 4.44105, 11.4903 6, 0.13255, 14.15935, 2.02987));

22 segs.appendItem(path.createSVGPathSegCurvetoCubicRel(0.71868, 1.07327, 0.37594, 0.23175, 0.35941, 2.21266));

23 segs.appendItem(path.createSVGPathSegCurvetoCubicAbs(23.25811, 0.39544, 17.3118 1, 2.60470, 20.15524, 0.48976));

24 segs.appendItem(path.createSVGPathSegCurvetoCubicAbs(31.97687, 7.41380, 27.3718 3, 0.07861, 31.56253, 3.22656));

25 segs.appendItem(path.createSVGPathSegCurvetoCubicRel(-2.04024, 9.10060, 0.46508 , 3.14678, -0.04068, 6.54082));

26 segs.appendItem(path.createSVGPathSegCurvetoCubicRel(-10.90462, 9.53931, -2.922 45, 3.93336, -7.42165, 6.18284));

27 segs.appendItem(path.createSVGPathSegCurvetoCubicRel(-3.12799, 2.94243, -1.0882 0, 0.79363, -2.28426, 2.46524));

28 segs.appendItem(path.createSVGPathSegCurvetoCubicRel(-1.03915, -1.45272, -0.280 88, -0.52741, -0.64130, -1.00829));

29 segs.appendItem(path.createSVGPathSegClosePath());

30 svg.appendChild(path);

31 var drawing = document.getElementById("drawing");

32 drawing.appendChild(svg);

33 }

34 </script>

35 </head>

36 <body onload="setup()">

37 <p>Here is an html paragraph. And below is a svg drawing</p>

38 <div id="drawing"/>

39 </body>

40 </html>

41

OLD	NEW