diff --git a/editor/svg-editor.html b/editor/svg-editor.html
index b715131f..04f09b47 100644
--- a/editor/svg-editor.html
+++ b/editor/svg-editor.html
@@ -294,7 +294,13 @@
 			<button id="tool_docprops_save">Save</button>
 			<button id="tool_docprops_cancel">Cancel</button>
 
+			<div id="change_background">
+				<label>Canvas Background:</label>
+				<div id="bkgnd_color" class="color_block"  title="Change background color/opacity"></div>
+			</div>
+			
 			<div id="change_resolution">
+				<label>Resolution:</label>
 				<select id="resolution" label="Resolution:">
 					<option selected="selected">640x480</option>
 					<option>800x600</option>
diff --git a/editor/svgcanvas.js b/editor/svgcanvas.js
index a13ef7fc..04080ce4 100644
--- a/editor/svgcanvas.js
+++ b/editor/svgcanvas.js
@@ -563,6 +563,13 @@ function BatchCommand(text) {
 	svgroot.setAttribute("xmlns", svgns);
 	svgroot.setAttribute("xmlns:xlink", xlinkns);
 	container.appendChild(svgroot);
+	var svgbkgnd = svgdoc.createElementNS(svgns, "rect");
+	svgbkgnd.setAttribute("width", "100%");
+	svgbkgnd.setAttribute("height", "100%");
+	svgbkgnd.setAttribute("fill", "none");
+	svgbkgnd.setAttribute("fill-opacity", "100%");
+	svgbkgnd.setAttribute("id", "svgbkgnd");
+	svgroot.appendChild(svgbkgnd);
 	var svgzoom = svgdoc.createElementNS(svgns, "svg");
 	svgzoom.setAttribute('id', 'svgzoom');
 	svgzoom.setAttribute('viewBox', '0 0 640 480');