make dojox.Drawing use width/height passed in to its constructor if any

!strict

Author: liucougar

drawing/Drawing.js

@@ -109,12 +109,12 @@ function(dojo, defaults, registry, keys, Mouse, Canvas, Undo, Anchors, Stencil,
 			var def = dojo.attr(node, "defaults");
 			this.defaults =  def ? (typeof def === 'string' ? dojo.getObject(def) : def) : defaults;
 
-			this.id = node.id;
+			this.id = node.id || dijit.getUniqueId('dojox_drawing_Drawing');
 			registry.register(this, "drawing");
 			this.mode = (props.mode || dojo.attr(node, "mode") || "").toLowerCase();
 			var box = dojo.contentBox(node);
-			this.width = box.w;
-			this.height = box.h;
+			this.width = props.width || box.w;
+			this.height = props.height || box.h;
 			utilCommon.register(this); // So Toolbar can find this Drawing DEPRECATED
 			this.mouse = new Mouse({util:utilCommon, keys:keys, id:this.mode=="ui"?"MUI":"mse"});
 			this.mouse.setEventMode(this.mode);
@@ -174,6 +174,7 @@ function(dojo, defaults, registry, keys, Mouse, Canvas, Undo, Anchors, Stencil,
 				srcRefNode:this.domNode,
 				util:utilCommon,
 				mouse:this.mouse,
+				width: this.width, height: this.height,
 				callback: dojo.hitch(this, "onSurfaceReady")
 			});
 			this.initPlugins();

drawing/_base.js

@@ -1,5 +1,5 @@
 define(["dojo", "./annotations/Label", "./Drawing"
-  ],function(dojo, Drawing){
+  ],function(dojo, L, Drawing){
 dojo.experimental("dojox.drawing");
 return Drawing;
 });

drawing/manager/Canvas.js

@@ -17,8 +17,8 @@ function(dojo, oo, gfx){
 			dojo.mixin(this, options);
 
 			var dim = dojo.contentBox(this.srcRefNode);
-			this.height = this.parentHeight = dim.h;
-			this.width = this.parentWidth = dim.w;
+			this.height = this.parentHeight = options.height || dim.h;
+			this.width = this.parentWidth = options.width || dim.w;
 			this.domNode = dojo.create("div", {id:"canvasNode"}, this.srcRefNode);
 			dojo.style(this.domNode, {
 				width:this.width,