diff --git a/examples/SVG Export/Circle Testing.html b/examples/SVG Export/Circle Testing.html index 70cfce5b..66854f03 100644 --- a/examples/SVG Export/Circle Testing.html +++ b/examples/SVG Export/Circle Testing.html @@ -23,11 +23,10 @@ var path = new Path.Circle(new Point(50, 50), 25); path.fillColor = 'red'; - document.getElementById('svg').appendChild(project.exportSVG()); + document.body.appendChild(project.exportSVG()); - diff --git a/examples/SVG Export/Clipping.html b/examples/SVG Export/Clipping.html index 04fa284f..1da3e6f1 100644 --- a/examples/SVG Export/Clipping.html +++ b/examples/SVG Export/Clipping.html @@ -8,11 +8,10 @@ - diff --git a/examples/SVG Export/Compound Path.html b/examples/SVG Export/Compound Path.html index b12cd9dc..aee8bcbc 100644 --- a/examples/SVG Export/Compound Path.html +++ b/examples/SVG Export/Compound Path.html @@ -13,11 +13,10 @@ var path2 = new Path.Rectangle([50, 50], [200, 200]); var path3 = new Path.Rectangle([0, 0], [400, 400]); new CompoundPath(path1, path2, path3); - document.getElementById('svg').appendChild(project.exportSVG()); + document.body.appendChild(project.exportSVG()); - diff --git a/examples/SVG Export/Empty Path Testing.html b/examples/SVG Export/Empty Path Testing.html index 54806ff1..13fb44f0 100644 --- a/examples/SVG Export/Empty Path Testing.html +++ b/examples/SVG Export/Empty Path Testing.html @@ -19,11 +19,10 @@ var path3 = new Path(); - document.getElementById('svg').appendChild(project.exportSVG()); + document.body.appendChild(project.exportSVG()); - diff --git a/examples/SVG Export/Gradients.html b/examples/SVG Export/Gradients.html index 999baacd..86c7bb04 100644 --- a/examples/SVG Export/Gradients.html +++ b/examples/SVG Export/Gradients.html @@ -43,11 +43,10 @@ rect.rotate(45).scale(0.7); - document.getElementById('svg').appendChild(project.exportSVG()); + document.body.appendChild(project.exportSVG()); - diff --git a/examples/SVG Export/Group Transform.html b/examples/SVG Export/Group Transform.html index f0698b29..e8729af8 100644 --- a/examples/SVG Export/Group Transform.html +++ b/examples/SVG Export/Group Transform.html @@ -16,11 +16,10 @@ group.translate([100, 100]); group.scale(0.5); group.rotate(10); - document.getElementById('svg').appendChild(project.exportSVG()); + document.body.appendChild(project.exportSVG()); - diff --git a/examples/SVG Export/Line Testing.html b/examples/SVG Export/Line Testing.html index 8aa2dda8..3ecb6188 100644 --- a/examples/SVG Export/Line Testing.html +++ b/examples/SVG Export/Line Testing.html @@ -32,11 +32,10 @@ line3.strokeColor = "yellow"; line3.strokeWidth = "5"; - document.getElementById('svg').appendChild(project.exportSVG()); + document.body.appendChild(project.exportSVG()); - diff --git a/examples/SVG Export/Random Path Testing.html b/examples/SVG Export/Random Path Testing.html index b547ffa0..e191fd42 100644 --- a/examples/SVG Export/Random Path Testing.html +++ b/examples/SVG Export/Random Path Testing.html @@ -30,11 +30,10 @@ var path = new Path.Star(center, points, radius1, radius2); path.fillColor = 'black'; - document.getElementById('svg').appendChild(project.exportSVG()); + document.body.appendChild(project.exportSVG()); - diff --git a/examples/SVG Export/Raster.html b/examples/SVG Export/Raster.html index 1736c8dc..37d19492 100644 --- a/examples/SVG Export/Raster.html +++ b/examples/SVG Export/Raster.html @@ -11,12 +11,11 @@ var raster = new Raster('lenna'); raster.position = view.center; raster.rotate(45); - document.getElementById('svg').appendChild(project.exportSVG()); + document.body.appendChild(project.exportSVG()); - diff --git a/examples/SVG Export/Rect and Attribute Testing.html b/examples/SVG Export/Rect and Attribute Testing.html index a51ec488..f9a05df0 100644 --- a/examples/SVG Export/Rect and Attribute Testing.html +++ b/examples/SVG Export/Rect and Attribute Testing.html @@ -44,11 +44,10 @@ path4.strokeColor= 'yellow'; path4.fillColor='purple'; - document.getElementById('svg').appendChild(project.exportSVG()); + document.body.appendChild(project.exportSVG()); - diff --git a/examples/SVG Export/Rotated Primitives.html b/examples/SVG Export/Rotated Primitives.html index 97fac2c5..cafc745d 100644 --- a/examples/SVG Export/Rotated Primitives.html +++ b/examples/SVG Export/Rotated Primitives.html @@ -71,11 +71,10 @@ fillColor: '#99c' }); - document.getElementById('svg').appendChild(project.exportSVG({ matchShapes: true })); + document.body.appendChild(project.exportSVG({ matchShapes: true })); - diff --git a/examples/SVG Export/Shapes.html b/examples/SVG Export/Shapes.html index 646c1425..5b84e094 100644 --- a/examples/SVG Export/Shapes.html +++ b/examples/SVG Export/Shapes.html @@ -37,7 +37,7 @@ fillColor: 'yellow' }); rect.rotate(-20); - document.getElementById('svg').appendChild(project.exportSVG()); + document.body.appendChild(project.exportSVG()); var prev = null; function onMouseMove(event) { @@ -54,6 +54,5 @@ - diff --git a/examples/SVG Export/Symbols.html b/examples/SVG Export/Symbols.html index 644e3e1d..0bd29ebb 100644 --- a/examples/SVG Export/Symbols.html +++ b/examples/SVG Export/Symbols.html @@ -18,11 +18,10 @@ p1.rotate(45); var p2 = symbol.place([300, 200]); p2.rotate(-30); - document.getElementById('svg').appendChild(project.exportSVG()); + document.body.appendChild(project.exportSVG()); - diff --git a/examples/SVG Export/Text Testing.html b/examples/SVG Export/Text Testing.html index 9ca5ee7e..1f374acf 100644 --- a/examples/SVG Export/Text Testing.html +++ b/examples/SVG Export/Text Testing.html @@ -36,11 +36,10 @@ c.fillColor = colors[i]; } - document.getElementById('svg').appendChild(project.exportSVG()); + document.body.appendChild(project.exportSVG()); - diff --git a/examples/SVG Export/Tiger.html b/examples/SVG Export/Tiger.html index 0bbf2cc1..fc854a51 100644 --- a/examples/SVG Export/Tiger.html +++ b/examples/SVG Export/Tiger.html @@ -13,12 +13,11 @@ project.importJSON(tiger); console.log('Load JSON', Date.now() - start); var start = Date.now(); - document.getElementById('svg').appendChild(project.exportSVG()); + document.body.appendChild(project.exportSVG()); console.log('Export SVG', Date.now() - start); - diff --git a/examples/SVG Export/Transform Test 1.html b/examples/SVG Export/Transform Test 1.html index 938c1638..3f8e864e 100644 --- a/examples/SVG Export/Transform Test 1.html +++ b/examples/SVG Export/Transform Test 1.html @@ -20,11 +20,10 @@ clonedPath.rotate(angle * i, circlePath.bounds.topLeft); }; - document.getElementById('svg').appendChild(project.exportSVG()); + document.body.appendChild(project.exportSVG()); - diff --git a/examples/SVG Export/Transform Test 2.html b/examples/SVG Export/Transform Test 2.html index dc09d65e..9ce2a810 100644 --- a/examples/SVG Export/Transform Test 2.html +++ b/examples/SVG Export/Transform Test 2.html @@ -18,11 +18,10 @@ copy.rotate(-45); copy.scale(0.5); - document.getElementById('svg').appendChild(project.exportSVG()); + document.body.appendChild(project.exportSVG()); - diff --git a/examples/Scripts/BlendModes.html b/examples/Scripts/BlendModes.html index efbb8268..09ef97e2 100644 --- a/examples/Scripts/BlendModes.html +++ b/examples/Scripts/BlendModes.html @@ -63,7 +63,7 @@ all.position = view.center; var svg = project.exportSVG(); - document.getElementById('svg').appendChild(svg); + document.body.appendChild(svg); //console.log(svg, new XMLSerializer().serializeToString(svg)); diff --git a/examples/Scripts/StrokeScaling.html b/examples/Scripts/StrokeScaling.html index a7c79fa8..bf232ced 100644 --- a/examples/Scripts/StrokeScaling.html +++ b/examples/Scripts/StrokeScaling.html @@ -6,8 +6,7 @@ -