More work on style meta-data, and fix yet another default style issue.

src/svg/SvgExporter.js

@@ -30,17 +30,19 @@ var SvgExporter = this.SvgExporter = new function() {
 	}
 
 	function setAttributes(svg, attrs) {
-		for (var key in attrs) {
+		for (var key in attrs)
-			console.log(key + ', ' + attrs[key]);
 			svg.setAttribute(key, attrs[key]);
 	}
-	}
 
 	function exportGroup(group) {
 		var svg = createElement('g'),
 			children = group._children;
 		for (var i = 0, l = children.length; i < l; i++)
 			svg.appendChild(SvgExporter.exportItem(children[i]));
+		// Override default SVG style on groups, then apply style.
+		setAttributes(svg, {
+			fill: 'none'
+		});
 		applyStyle(group, svg);
 		return svg;
 	}
@@ -354,9 +356,9 @@ var SvgExporter = this.SvgExporter = new function() {
 		Base.each(SvgStyles.properties, function(entry) {
 			// Get a given style only if it differs from the value on the parent
 			// (A layer or group which can have style values in SVG).
-			var value = style[entry.getter]();
+			var value = style[entry.get]();
 			if (value != null && (!parentStyle
-					|| !Base.equals(parentStyle[entry.getter](), value))) {
+					|| !Base.equals(parentStyle[entry.get](), value))) {
 				attrs[entry.attribute] = entry.type === 'color'
 					? value.toCssString()
 					: entry.type === 'array'

src/svg/SvgStyles.js

@@ -1,3 +1,19 @@
+/*
+ * Paper.js
+ *
+ * This file is part of Paper.js, a JavaScript Vector Graphics Library,
+ * based on Scriptographer.org and designed to be largely API compatible.
+ * http://paperjs.org/
+ * http://scriptographer.org/
+ *
+ * Copyright (c) 2011, Juerg Lehni & Jonathan Puckey
+ * http://lehni.org/ & http://jonathanpuckey.com/
+ *
+ * Distributed under the MIT license. See LICENSE file for details.
+ *
+ * All rights reserved.
+ */
+
 var SvgStyles = Base.each({
 	fillColor: 'fill',
 	strokeColor: 'stroke',
@@ -8,6 +24,7 @@ var SvgStyles = Base.each({
 	dashArray: 'stroke-dasharray',
 	dashOffset: 'stroke-dashoffset'
 }, function(attr, prop) {
+	var part = Base.capitalize(prop);
 	this.attributes[attr] = this.properties[prop] = {
 		type: /Color$/.test(prop)
 			? 'color'
@@ -16,7 +33,8 @@ var SvgStyles = Base.each({
 				: 'value',
 		property: prop,
 		attribute: attr,
-		getter: 'get' + Base.capitalize(prop)
+		get: 'get' + part,
+		set: 'set' + part
 	};
 }, {
 	properties: {},