diff --git a/src/svg/ImportSVG.js b/src/svg/ImportSVG.js index 6b15f02c..268c4a75 100644 --- a/src/svg/ImportSVG.js +++ b/src/svg/ImportSVG.js @@ -6,140 +6,140 @@ var ImportSVG = this.ImportSVG = Base.extend({ { - //initialize - initialize: function() - { + //initialize + initialize: function() + { - }, + }, - /** - * - * Takes the svg dom obj and parses the data - * to create a layer with groups (if needed) with - * items inside. Should support nested groups. - * - * takes in a svg object (xml dom) - * returns Paper.js Layer - */ - importSVG: function(svg) - { - //TODO: return layer; - }, + /** + * + * Takes the svg dom obj and parses the data + * to create a layer with groups (if needed) with + * items inside. Should support nested groups. + * + * takes in a svg object (xml dom) + * returns Paper.js Layer + */ + importSVG: function(svg) + { + //TODO: return layer; + }, - /** - * Creates a Paper.js Group by parsing - * a specific svg g node - * - * takes in a svg object (xml dom) - * returns Paper.js Group - */ - importGroup: function(svg) - { - //TODO: return group; - }, + /** + * Creates a Paper.js Group by parsing + * a specific svg g node + * + * takes in a svg object (xml dom) + * returns Paper.js Group + */ + importGroup: function(svg) + { + //TODO: return group; + }, - /** - * Creates a Paper.js Path by parsing - * a specific svg node (rect, path, circle, polygon, etc) - * and creating the right path object based on the svg type. - * - * takes in a svg object (xml dom) - * returns Paper.js Group - */ - importPath: function(svg) - { - //TODO: return path; - }, + /** + * Creates a Paper.js Path by parsing + * a specific svg node (rect, path, circle, polygon, etc) + * and creating the right path object based on the svg type. + * + * takes in a svg object (xml dom) + * returns Paper.js Group + */ + importPath: function(svg) + { + //TODO: return path; + }, - /** - * Creates a Path.Circle Paper.js item - * - * takes a svg circle node (xml dom) - * returns Paper.js Path.Circle item - */ - createCircle: function(svgCircle) - { - var cx = svgCircle.cx.baseVal.value || 0; - var cy = svgCircle.cy.baseVal.value || 0; - var r = svgCircle.r.baseVal.value || 0; - var center = new Point(cx, cy); - var circle = new Path.Circle(center, r); + /** + * Creates a Path.Circle Paper.js item + * + * takes a svg circle node (xml dom) + * returns Paper.js Path.Circle item + */ + createCircle: function(svgCircle) + { + var cx = svgCircle.cx.baseVal.value || 0; + var cy = svgCircle.cy.baseVal.value || 0; + var r = svgCircle.r.baseVal.value || 0; + var center = new Point(cx, cy); + var circle = new Path.Circle(center, r); - return circle; - }, + return circle; + }, - /** - * Creates a Path.Oval Paper.js item - * - * takes a svg ellipse node (xml dom) - * returns Paper.js Path.Oval item - */ - createOval: function(svgOval) - { - var cx = svgOval.cx.baseVal.value || 0; - var cy = svgOval.cy.baseVal.value || 0; - var rx = svgOval.rx.baseVal.value || 0; - var ry = svgOval.ry.baseVal.value || 0; + /** + * Creates a Path.Oval Paper.js item + * + * takes a svg ellipse node (xml dom) + * returns Paper.js Path.Oval item + */ + createOval: function(svgOval) + { + var cx = svgOval.cx.baseVal.value || 0; + var cy = svgOval.cy.baseVal.value || 0; + var rx = svgOval.rx.baseVal.value || 0; + var ry = svgOval.ry.baseVal.value || 0; - var center = new Point(cx, cy); - var offset = new Point(rx, ry); - var topLeft = center.subtract(offset); - var bottomRight = center.add(offset); + var center = new Point(cx, cy); + var offset = new Point(rx, ry); + var topLeft = center.subtract(offset); + var bottomRight = center.add(offset); - var rect = new Rectangle(topLeft, bottomRight); - var oval = new Path.Oval(rect); + var rect = new Rectangle(topLeft, bottomRight); + var oval = new Path.Oval(rect); - return oval; - }, + return oval; + }, - /** - * Creates a "rectangle" Paper.js item - * - * takes a svg rect node (xml dom) - * returns either a - * - Path.Rectangle item - * - Path.RoundRectangle item (if the rectangle has rounded corners) - */ - createRectangle: function(svgRectangle) - { - var x = svgRectangle.x.baseVal.value || 0; - var y = svgRectangle.y.baseVal.value || 0; - var rx = svgRectangle.rx.baseVal.value || 0; - var ry = svgRectangle.ry.baseVal.value || 0; - var width = svgRectangle.width.baseVal.value || 0; - var height = svgRectangle.height.baseVal.value || 0; + /** + * Creates a "rectangle" Paper.js item + * + * takes a svg rect node (xml dom) + * returns either a + * - Path.Rectangle item + * - Path.RoundRectangle item (if the rectangle has rounded corners) + */ + createRectangle: function(svgRectangle) + { + var x = svgRectangle.x.baseVal.value || 0; + var y = svgRectangle.y.baseVal.value || 0; + var rx = svgRectangle.rx.baseVal.value || 0; + var ry = svgRectangle.ry.baseVal.value || 0; + var width = svgRectangle.width.baseVal.value || 0; + var height = svgRectangle.height.baseVal.value || 0; - var topLeft = new Point(x, y); - var size = new Size(width, height); - var rectangle = new Rectangle(topLeft, size); + var topLeft = new Point(x, y); + var size = new Size(width, height); + var rectangle = new Rectangle(topLeft, size); - if (rx > 0 || ry > 0) { - var cornerSize = new Size(rx, ry); - rectangle = new Path.RoundRectangle(rectangle, cornerSize); - } else { - rectangle = new Path.Rectangle(rectangle); - } + if (rx > 0 || ry > 0) { + var cornerSize = new Size(rx, ry); + rectangle = new Path.RoundRectangle(rectangle, cornerSize); + } else { + rectangle = new Path.Rectangle(rectangle); + } - return rectangle; - }, + return rectangle; + }, - /** - * Creates a Path.Line Paper.js item - * - * takes a svg line node (xml dom) - * returns a Path.Line item - */ - createLine: function(svgLine) - { - var x1 = svgLine.x1.baseVal.value || 0; - var y1 = svgLine.y1.baseVal.value || 0; - var x2 = svgLine.x2.baseVal.value || 0; - var y2 = svgLine.y2.baseVal.value || 0; + /** + * Creates a Path.Line Paper.js item + * + * takes a svg line node (xml dom) + * returns a Path.Line item + */ + createLine: function(svgLine) + { + var x1 = svgLine.x1.baseVal.value || 0; + var y1 = svgLine.y1.baseVal.value || 0; + var x2 = svgLine.x2.baseVal.value || 0; + var y2 = svgLine.y2.baseVal.value || 0; - var from = new Point(x1, y1); - var to = new Point(x2, y2); - var line = new Path.Line(from, to); + var from = new Point(x1, y1); + var to = new Point(x2, y2); + var line = new Path.Line(from, to); - return line; - } + return line; + } }); \ No newline at end of file