WebSVN – Applications.papyrus – Diff – /trunk/api/js/dojo/src/gfx/vml.js


/*
	Copyright (c) 2004-2006, The Dojo Foundation
	All Rights Reserved.
 
	Licensed under the Academic Free License version 2.1 or above OR the
	modified BSD license. For more information on Dojo licensing, see:
 
		http://dojotoolkit.org/community/licensing.shtml
*/
 
 
 
dojo.provide("dojo.gfx.vml");
dojo.require("dojo.dom");
dojo.require("dojo.math");
dojo.require("dojo.lang.declare");
dojo.require("dojo.lang.extras");
dojo.require("dojo.string.*");
dojo.require("dojo.html.metrics");
dojo.require("dojo.gfx.color");
dojo.require("dojo.gfx.common");
dojo.require("dojo.gfx.shape");
dojo.require("dojo.gfx.path");
dojo.require("dojo.experimental");
dojo.experimental("dojo.gfx.vml");
dojo.gfx.vml.xmlns = "urn:schemas-microsoft-com:vml";
dojo.gfx.vml._parseFloat = function (str) {
	return str.match(/^\d+f$/i) ? parseInt(str) / 65536 : parseFloat(str);
};
dojo.gfx.vml.cm_in_pt = 72 / 2.54;
dojo.gfx.vml.mm_in_pt = 7.2 / 2.54;
dojo.gfx.vml.px_in_pt = function () {
	return dojo.html.getCachedFontMeasurements()["12pt"] / 12;
};
dojo.gfx.vml.pt2px = function (len) {
	return len * this.px_in_pt();
};
dojo.gfx.vml.px2pt = function (len) {
	return len / this.px_in_pt();
};
dojo.gfx.vml.normalizedLength = function (len) {
	if (len.length == 0) {
		return 0;
	}
	if (len.length > 2) {
		var px_in_pt = this.px_in_pt();
		var val = parseFloat(len);
		switch (len.slice(-2)) {
		  case "px":
			return val;
		  case "pt":
			return val * px_in_pt;
		  case "in":
			return val * 72 * px_in_pt;
		  case "pc":
			return val * 12 * px_in_pt;
		  case "mm":
			return val / this.mm_in_pt * px_in_pt;
		  case "cm":
			return val / this.cm_in_pt * px_in_pt;
		}
	}
	return parseFloat(len);
};
dojo.lang.extend(dojo.gfx.Shape, {setFill:function (fill) {
	if (!fill) {
		this.fillStyle = null;
		this.rawNode.filled = false;
		return this;
	}
	if (typeof (fill) == "object" && "type" in fill) {
		switch (fill.type) {
		  case "linear":
			var f = dojo.gfx.makeParameters(dojo.gfx.defaultLinearGradient, fill);
			this.fillStyle = f;
			var s = "";
			for (var i = 0; i < f.colors.length; ++i) {
				f.colors[i].color = dojo.gfx.normalizeColor(f.colors[i].color);
				s += f.colors[i].offset.toFixed(8) + " " + f.colors[i].color.toHex() + ";";
			}
			var fo = this.rawNode.fill;
			fo.colors.value = s;
			fo.method = "sigma";
			fo.type = "gradient";
			fo.angle = (dojo.math.radToDeg(Math.atan2(f.x2 - f.x1, f.y2 - f.y1)) + 180) % 360;
			fo.on = true;
			break;
		  case "radial":
			var f = dojo.gfx.makeParameters(dojo.gfx.defaultRadialGradient, fill);
			this.fillStyle = f;
			var w = parseFloat(this.rawNode.style.width);
			var h = parseFloat(this.rawNode.style.height);
			var c = isNaN(w) ? 1 : 2 * f.r / w;
			var i = f.colors.length - 1;
			f.colors[i].color = dojo.gfx.normalizeColor(f.colors[i].color);
			var s = "0 " + f.colors[i].color.toHex();
			for (; i >= 0; --i) {
				f.colors[i].color = dojo.gfx.normalizeColor(f.colors[i].color);
				s += (1 - c * f.colors[i].offset).toFixed(8) + " " + f.colors[i].color.toHex() + ";";
			}
			var fo = this.rawNode.fill;
			fo.colors.value = s;
			fo.method = "sigma";
			fo.type = "gradientradial";
			if (isNaN(w) || isNaN(h)) {
				fo.focusposition = "0.5 0.5";
			} else {
				fo.focusposition = (f.cx / w).toFixed(8) + " " + (f.cy / h).toFixed(8);
			}
			fo.focussize = "0 0";
			fo.on = true;
			break;
		  case "pattern":
			var f = dojo.gfx.makeParameters(dojo.gfx.defaultPattern, fill);
			this.fillStyle = f;
			var fo = this.rawNode.fill;
			fo.type = "tile";
			fo.src = f.src;
			if (f.width && f.height) {
				fo.size.x = dojo.gfx.vml.px2pt(f.width);
				fo.size.y = dojo.gfx.vml.px2pt(f.height);
			}
			fo.alignShape = false;
			fo.position.x = 0;
			fo.position.y = 0;
			fo.origin.x = f.width ? f.x / f.width : 0;
			fo.origin.y = f.height ? f.y / f.height : 0;
			fo.on = true;
			break;
		}
		this.rawNode.fill.opacity = 1;
		return this;
	}
	this.fillStyle = dojo.gfx.normalizeColor(fill);
	this.rawNode.fillcolor = this.fillStyle.toHex();
	this.rawNode.fill.opacity = this.fillStyle.a;
	this.rawNode.filled = true;
	return this;
}, setStroke:function (stroke) {
	if (!stroke) {
		this.strokeStyle = null;
		this.rawNode.stroked = false;
		return this;
	}
	this.strokeStyle = dojo.gfx.makeParameters(dojo.gfx.defaultStroke, stroke);
	this.strokeStyle.color = dojo.gfx.normalizeColor(this.strokeStyle.color);
	var s = this.strokeStyle;
	this.rawNode.stroked = true;
	this.rawNode.strokecolor = s.color.toCss();
	this.rawNode.strokeweight = s.width + "px";
	if (this.rawNode.stroke) {
		this.rawNode.stroke.opacity = s.color.a;
		this.rawNode.stroke.endcap = this._translate(this._capMap, s.cap);
		if (typeof (s.join) == "number") {
			this.rawNode.stroke.joinstyle = "miter";
			this.rawNode.stroke.miterlimit = s.join;
		} else {
			this.rawNode.stroke.joinstyle = s.join;
		}
	}
	return this;
}, _capMap:{butt:"flat"}, _capMapReversed:{flat:"butt"}, _translate:function (dict, value) {
	return (value in dict) ? dict[value] : value;
}, _applyTransform:function () {
	var matrix = this._getRealMatrix();
	if (!matrix) {
		return this;
	}
	var skew = this.rawNode.skew;
	if (typeof (skew) == "undefined") {
		for (var i = 0; i < this.rawNode.childNodes.length; ++i) {
			if (this.rawNode.childNodes[i].tagName == "skew") {
				skew = this.rawNode.childNodes[i];
				break;
			}
		}
	}
	if (skew) {
		skew.on = false;
		var mt = matrix.xx.toFixed(8) + " " + matrix.xy.toFixed(8) + " " + matrix.yx.toFixed(8) + " " + matrix.yy.toFixed(8) + " 0 0";
		var offset = Math.floor(matrix.dx).toFixed() + "px " + Math.floor(matrix.dy).toFixed() + "px";
		var l = parseFloat(this.rawNode.style.left);
		var t = parseFloat(this.rawNode.style.top);
		var w = parseFloat(this.rawNode.style.width);
		var h = parseFloat(this.rawNode.style.height);
		if (isNaN(l)) {
			l = 0;
		}
		if (isNaN(t)) {
			t = 0;
		}
		if (isNaN(w)) {
			w = 1;
		}
		if (isNaN(h)) {
			h = 1;
		}
		var origin = (-l / w - 0.5).toFixed(8) + " " + (-t / h - 0.5).toFixed(8);
		skew.matrix = mt;
		skew.origin = origin;
		skew.offset = offset;
		skew.on = true;
	}
	return this;
}, setRawNode:function (rawNode) {
	rawNode.stroked = false;
	rawNode.filled = false;
	this.rawNode = rawNode;
}, attachFill:function (rawNode) {
	var fillStyle = null;
	var fo = rawNode.fill;
	if (rawNode) {
		if (fo.on && fo.type == "gradient") {
			var fillStyle = dojo.lang.shallowCopy(dojo.gfx.defaultLinearGradient, true);
			var rad = dojo.math.degToRad(fo.angle);
			fillStyle.x2 = Math.cos(rad);
			fillStyle.y2 = Math.sin(rad);
			fillStyle.colors = [];
			var stops = fo.colors.value.split(";");
			for (var i = 0; i < stops.length; ++i) {
				var t = stops[i].match(/\S+/g);
				if (!t || t.length != 2) {
					continue;
				}
				fillStyle.colors.push({offset:dojo.gfx.vml._parseFloat(t[0]), color:new dojo.gfx.color.Color(t[1])});
			}
		} else {
			if (fo.on && fo.type == "gradientradial") {
				var fillStyle = dojo.lang.shallowCopy(dojo.gfx.defaultRadialGradient, true);
				var w = parseFloat(rawNode.style.width);
				var h = parseFloat(rawNode.style.height);
				fillStyle.cx = isNaN(w) ? 0 : fo.focusposition.x * w;
				fillStyle.cy = isNaN(h) ? 0 : fo.focusposition.y * h;
				fillStyle.r = isNaN(w) ? 1 : w / 2;
				fillStyle.colors = [];
				var stops = fo.colors.value.split(";");
				for (var i = stops.length - 1; i >= 0; --i) {
					var t = stops[i].match(/\S+/g);
					if (!t || t.length != 2) {
						continue;
					}
					fillStyle.colors.push({offset:dojo.gfx.vml._parseFloat(t[0]), color:new dojo.gfx.color.Color(t[1])});
				}
			} else {
				if (fo.on && fo.type == "tile") {
					var fillStyle = dojo.lang.shallowCopy(dojo.gfx.defaultPattern, true);
					fillStyle.width = dojo.gfx.vml.pt2px(fo.size.x);
					fillStyle.height = dojo.gfx.vml.pt2px(fo.size.y);
					fillStyle.x = fo.origin.x * fillStyle.width;
					fillStyle.y = fo.origin.y * fillStyle.height;
					fillStyle.src = fo.src;
				} else {
					if (fo.on && rawNode.fillcolor) {
						fillStyle = new dojo.gfx.color.Color(rawNode.fillcolor + "");
						fillStyle.a = fo.opacity;
					}
				}
			}
		}
	}
	return fillStyle;
}, attachStroke:function (rawNode) {
	var strokeStyle = dojo.lang.shallowCopy(dojo.gfx.defaultStroke, true);
	if (rawNode && rawNode.stroked) {
		strokeStyle.color = new dojo.gfx.color.Color(rawNode.strokecolor.value);
		dojo.debug("We are expecting an .75pt here, instead of strokeweight = " + rawNode.strokeweight);
		strokeStyle.width = dojo.gfx.vml.normalizedLength(rawNode.strokeweight + "");
		strokeStyle.color.a = rawNode.stroke.opacity;
		strokeStyle.cap = this._translate(this._capMapReversed, rawNode.stroke.endcap);
		strokeStyle.join = rawNode.stroke.joinstyle == "miter" ? rawNode.stroke.miterlimit : rawNode.stroke.joinstyle;
	} else {
		return null;
	}
	return strokeStyle;
}, attachTransform:function (rawNode) {
	var matrix = {};
	if (rawNode) {
		var s = rawNode.skew;
		matrix.xx = s.matrix.xtox;
		matrix.xy = s.matrix.ytox;
		matrix.yx = s.matrix.xtoy;
		matrix.yy = s.matrix.ytoy;
		matrix.dx = dojo.gfx.vml.pt2px(s.offset.x);
		matrix.dy = dojo.gfx.vml.pt2px(s.offset.y);
	}
	return dojo.gfx.matrix.normalize(matrix);
}, attach:function (rawNode) {
	if (rawNode) {
		this.rawNode = rawNode;
		this.shape = this.attachShape(rawNode);
		this.fillStyle = this.attachFill(rawNode);
		this.strokeStyle = this.attachStroke(rawNode);
		this.matrix = this.attachTransform(rawNode);
	}
}});
dojo.declare("dojo.gfx.Group", dojo.gfx.shape.VirtualGroup, {add:function (shape) {
	if (this != shape.getParent()) {
		this.rawNode.appendChild(shape.rawNode);
		dojo.gfx.Group.superclass.add.apply(this, arguments);
	}
	return this;
}, remove:function (shape, silently) {
	if (this == shape.getParent()) {
		if (this.rawNode == shape.rawNode.parentNode) {
			this.rawNode.removeChild(shape.rawNode);
		}
		dojo.gfx.Group.superclass.remove.apply(this, arguments);
	}
	return this;
}, attach:function (rawNode) {
	if (rawNode) {
		this.rawNode = rawNode;
		this.shape = null;
		this.fillStyle = null;
		this.strokeStyle = null;
		this.matrix = null;
	}
}});
dojo.gfx.Group.nodeType = "group";
var zIndex = {moveToFront:function () {
	this.rawNode.parentNode.appendChild(this.rawNode);
	return this;
}, moveToBack:function () {
	this.rawNode.parentNode.insertBefore(this.rawNode, this.rawNode.parentNode.firstChild);
	return this;
}};
dojo.lang.extend(dojo.gfx.Shape, zIndex);
dojo.lang.extend(dojo.gfx.Group, zIndex);
delete zIndex;
dojo.declare("dojo.gfx.Rect", dojo.gfx.shape.Rect, {attachShape:function (rawNode) {
	var arcsize = rawNode.outerHTML.match(/arcsize = \"(\d*\.?\d+[%f]?)\"/)[1];
	arcsize = (arcsize.indexOf("%") >= 0) ? parseFloat(arcsize) / 100 : dojo.gfx.vml._parseFloat(arcsize);
	var style = rawNode.style;
	var width = parseFloat(style.width);
	var height = parseFloat(style.height);
	var o = dojo.gfx.makeParameters(dojo.gfx.defaultRect, {x:parseInt(style.left), y:parseInt(style.top), width:width, height:height, r:Math.min(width, height) * arcsize});
	return o;
}, setShape:function (newShape) {
	var shape = this.shape = dojo.gfx.makeParameters(this.shape, newShape);
	this.bbox = null;
	var style = this.rawNode.style;
	style.left = shape.x.toFixed();
	style.top = shape.y.toFixed();
	style.width = (typeof (shape.width) == "string" && shape.width.indexOf("%") >= 0) ? shape.width : shape.width.toFixed();
	style.height = (typeof (shape.width) == "string" && shape.height.indexOf("%") >= 0) ? shape.height : shape.height.toFixed();
	var r = Math.min(1, (shape.r / Math.min(parseFloat(shape.width), parseFloat(shape.height)))).toFixed(8);
	var parent = this.rawNode.parentNode;
	var before = null;
	if (parent) {
		if (parent.lastChild != this.rawNode) {
			for (var i = 0; i < parent.childNodes.length; ++i) {
				if (parent.childNodes[i] == this.rawNode) {
					before = parent.childNodes[i + 1];
					break;
				}
			}
		}
		parent.removeChild(this.rawNode);
	}
	this.rawNode.arcsize = r;
	if (parent) {
		if (before) {
			parent.insertBefore(this.rawNode, before);
		} else {
			parent.appendChild(this.rawNode);
		}
	}
	return this.setTransform(this.matrix);
}});
dojo.gfx.Rect.nodeType = "roundrect";
dojo.declare("dojo.gfx.Ellipse", dojo.gfx.shape.Ellipse, {attachShape:function (rawNode) {
	var style = this.rawNode.style;
	var rx = parseInt(style.width) / 2;
	var ry = parseInt(style.height) / 2;
	var o = dojo.gfx.makeParameters(dojo.gfx.defaultEllipse, {cx:parseInt(style.left) + rx, cy:parseInt(style.top) + ry, rx:rx, ry:ry});
	return o;
}, setShape:function (newShape) {
	var shape = this.shape = dojo.gfx.makeParameters(this.shape, newShape);
	this.bbox = null;
	var style = this.rawNode.style;
	style.left = (shape.cx - shape.rx).toFixed();
	style.top = (shape.cy - shape.ry).toFixed();
	style.width = (shape.rx * 2).toFixed();
	style.height = (shape.ry * 2).toFixed();
	return this.setTransform(this.matrix);
}});
dojo.gfx.Ellipse.nodeType = "oval";
dojo.declare("dojo.gfx.Circle", dojo.gfx.shape.Circle, {attachShape:function (rawNode) {
	var style = this.rawNode.style;
	var r = parseInt(style.width) / 2;
	var o = dojo.gfx.makeParameters(dojo.gfx.defaultCircle, {cx:parseInt(style.left) + r, cy:parseInt(style.top) + r, r:r});
	return o;
}, setShape:function (newShape) {
	var shape = this.shape = dojo.gfx.makeParameters(this.shape, newShape);
	this.bbox = null;
	var style = this.rawNode.style;
	style.left = (shape.cx - shape.r).toFixed();
	style.top = (shape.cy - shape.r).toFixed();
	style.width = (shape.r * 2).toFixed();
	style.height = (shape.r * 2).toFixed();
	return this;
}});
dojo.gfx.Circle.nodeType = "oval";
dojo.declare("dojo.gfx.Line", dojo.gfx.shape.Line, function (rawNode) {
	if (rawNode) {
		rawNode.setAttribute("dojoGfxType", "line");
	}
}, {attachShape:function (rawNode) {
	var p = rawNode.path.v.match(dojo.gfx.pathRegExp);
	var shape = {};
	do {
		if (p.length < 7 || p[0] != "m" || p[3] != "l" || p[6] != "e") {
			break;
		}
		shape.x1 = parseInt(p[1]);
		shape.y1 = parseInt(p[2]);
		shape.x2 = parseInt(p[4]);
		shape.y2 = parseInt(p[5]);
	} while (false);
	return dojo.gfx.makeParameters(dojo.gfx.defaultLine, shape);
}, setShape:function (newShape) {
	var shape = this.shape = dojo.gfx.makeParameters(this.shape, newShape);
	this.bbox = null;
	this.rawNode.path.v = "m" + shape.x1.toFixed() + " " + shape.y1.toFixed() + "l" + shape.x2.toFixed() + " " + shape.y2.toFixed() + "e";
	return this.setTransform(this.matrix);
}});
dojo.gfx.Line.nodeType = "shape";
dojo.declare("dojo.gfx.Polyline", dojo.gfx.shape.Polyline, function (rawNode) {
	if (rawNode) {
		rawNode.setAttribute("dojoGfxType", "polyline");
	}
}, {attachShape:function (rawNode) {
	var shape = dojo.lang.shallowCopy(dojo.gfx.defaultPolyline, true);
	var p = rawNode.path.v.match(dojo.gfx.pathRegExp);
	do {
		if (p.length < 3 || p[0] != "m") {
			break;
		}
		var x = parseInt(p[0]);
		var y = parseInt(p[1]);
		if (isNaN(x) || isNaN(y)) {
			break;
		}
		shape.points.push({x:x, y:y});
		if (p.length < 6 || p[3] != "l") {
			break;
		}
		for (var i = 4; i < p.length; i += 2) {
			x = parseInt(p[i]);
			y = parseInt(p[i + 1]);
			if (isNaN(x) || isNaN(y)) {
				break;
			}
			shape.points.push({x:x, y:y});
		}
	} while (false);
	return shape;
}, setShape:function (points, closed) {
	if (points && points instanceof Array) {
		this.shape = dojo.gfx.makeParameters(this.shape, {points:points});
		if (closed && this.shape.points.length) {
			this.shape.points.push(this.shape.points[0]);
		}
	} else {
		this.shape = dojo.gfx.makeParameters(this.shape, points);
	}
	this.bbox = null;
	var attr = [];
	var p = this.shape.points;
	if (p.length > 0) {
		attr.push("m");
		attr.push(p[0].x.toFixed());
		attr.push(p[0].y.toFixed());
		if (p.length > 1) {
			attr.push("l");
			for (var i = 1; i < p.length; ++i) {
				attr.push(p[i].x.toFixed());
				attr.push(p[i].y.toFixed());
			}
		}
	}
	attr.push("e");
	this.rawNode.path.v = attr.join(" ");
	return this.setTransform(this.matrix);
}});
dojo.gfx.Polyline.nodeType = "shape";
dojo.declare("dojo.gfx.Image", dojo.gfx.shape.Image, {getEventSource:function () {
	return this.rawNode ? this.rawNode.firstChild : null;
}, attachShape:function (rawNode) {
	var shape = dojo.lang.shallowCopy(dojo.gfx.defaultImage, true);
	shape.src = rawNode.firstChild.src;
	return shape;
}, setShape:function (newShape) {
	var shape = this.shape = dojo.gfx.makeParameters(this.shape, newShape);
	this.bbox = null;
	var firstChild = this.rawNode.firstChild;
	firstChild.src = shape.src;
	if (shape.width || shape.height) {
		firstChild.style.width = shape.width;
		firstChild.style.height = shape.height;
	}
	return this.setTransform(this.matrix);
}, setStroke:function () {
	return this;
}, setFill:function () {
	return this;
}, attachStroke:function (rawNode) {
	return null;
}, attachFill:function (rawNode) {
	return null;
}, attachTransform:function (rawNode) {
	var matrix = {};
	if (rawNode) {
		var m = rawNode.filters["DXImageTransform.Microsoft.Matrix"];
		matrix.xx = m.M11;
		matrix.xy = m.M12;
		matrix.yx = m.M21;
		matrix.yy = m.M22;
		matrix.dx = m.Dx;
		matrix.dy = m.Dy;
	}
	return dojo.gfx.matrix.normalize(matrix);
}, _applyTransform:function () {
	var matrix = this._getRealMatrix();
	if (!matrix) {
		return this;
	}
	with (this.rawNode.filters["DXImageTransform.Microsoft.Matrix"]) {
		M11 = matrix.xx;
		M12 = matrix.xy;
		M21 = matrix.yx;
		M22 = matrix.yy;
		Dx = matrix.dx;
		Dy = matrix.dy;
	}
	return this;
}});
dojo.gfx.Image.nodeType = "image";
dojo.gfx.path._calcArc = function (alpha) {
	var cosa = Math.cos(alpha);
	var sina = Math.sin(alpha);
	var p2 = {x:cosa + (4 / 3) * (1 - cosa), y:sina - (4 / 3) * cosa * (1 - cosa) / sina};
	return {s:{x:cosa, y:sina}, c1:p2, c2:{x:p2.x, y:-p2.y}, e:{x:cosa, y:-sina}};
};
dojo.declare("dojo.gfx.Path", dojo.gfx.path.Path, function (rawNode) {
	if (rawNode) {
		rawNode.setAttribute("dojoGfxType", "path");
	}
	this.vmlPath = "";
	this.lastControl = {};
}, {_updateWithSegment:function (segment) {
	var last = dojo.lang.shallowCopy(this.last);
	dojo.gfx.Path.superclass._updateWithSegment.apply(this, arguments);
	var path = this[this.renderers[segment.action]](segment, last);
	if (typeof (this.vmlPath) == "string") {
		this.vmlPath += path.join("");
	} else {
		this.vmlPath = this.vmlPath.concat(path);
	}
	if (typeof (this.vmlPath) == "string") {
		this.rawNode.path.v = this.vmlPath + " e";
	}
}, attachShape:function (rawNode) {
	var shape = dojo.lang.shallowCopy(dojo.gfx.defaultPath, true);
	var p = rawNode.path.v.match(dojo.gfx.pathRegExp);
	var t = [], skip = false;
	for (var i = 0; i < p.length; ++p) {
		var s = p[i];
		if (s in this._pathVmlToSvgMap) {
			skip = false;
			t.push(this._pathVmlToSvgMap[s]);
		} else {
			if (!skip) {
				var n = parseInt(s);
				if (isNaN(n)) {
					skip = true;
				} else {
					t.push(n);
				}
			}
		}
	}
	if (t.length) {
		shape.path = t.join(" ");
	}
	return shape;
}, setShape:function (newShape) {
	this.vmlPath = [];
	this.lastControl = {};
	dojo.gfx.Path.superclass.setShape.apply(this, arguments);
	this.vmlPath = this.vmlPath.join("");
	this.rawNode.path.v = this.vmlPath + " e";
	return this;
}, _pathVmlToSvgMap:{m:"M", l:"L", t:"m", r:"l", c:"C", v:"c", qb:"Q", x:"z", e:""}, renderers:{M:"_moveToA", m:"_moveToR", L:"_lineToA", l:"_lineToR", H:"_hLineToA", h:"_hLineToR", V:"_vLineToA", v:"_vLineToR", C:"_curveToA", c:"_curveToR", S:"_smoothCurveToA", s:"_smoothCurveToR", Q:"_qCurveToA", q:"_qCurveToR", T:"_qSmoothCurveToA", t:"_qSmoothCurveToR", A:"_arcTo", a:"_arcTo", Z:"_closePath", z:"_closePath"}, _addArgs:function (path, args, from, upto) {
	if (typeof (upto) == "undefined") {
		upto = args.length;
	}
	if (typeof (from) == "undefined") {
		from = 0;
	}
	for (var i = from; i < upto; ++i) {
		path.push(" ");
		path.push(args[i].toFixed());
	}
}, _addArgsAdjusted:function (path, last, args, from, upto) {
	if (typeof (upto) == "undefined") {
		upto = args.length;
	}
	if (typeof (from) == "undefined") {
		from = 0;
	}
	for (var i = from; i < upto; i += 2) {
		path.push(" ");
		path.push((last.x + args[i]).toFixed());
		path.push(" ");
		path.push((last.y + args[i + 1]).toFixed());
	}
}, _moveToA:function (segment) {
	var p = [" m"];
	var n = segment.args;
	var l = n.length;
	if (l == 2) {
		this._addArgs(p, n);
	} else {
		this._addArgs(p, n, 0, 2);
		p.push(" l");
		this._addArgs(p, n, 2);
	}
	this.lastControl = {};
	return p;
}, _moveToR:function (segment, last) {
	var p = ["x" in last ? " t" : " m"];
	var n = segment.args;
	var l = n.length;
	if (l == 2) {
		this._addArgs(p, n);
	} else {
		this._addArgs(p, n, 0, 2);
		p.push(" r");
		this._addArgs(p, n, 2);
	}
	this.lastControl = {};
	return p;
}, _lineToA:function (segment) {
	var p = [" l"];
	this._addArgs(p, segment.args);
	this.lastControl = {};
	return p;
}, _lineToR:function (segment) {
	var p = [" r"];
	this._addArgs(p, segment.args);
	this.lastControl = {};
	return p;
}, _hLineToA:function (segment, last) {
	var p = [" l"];
	var n = segment.args;
	var l = n.length;
	var y = " " + last.y.toFixed();
	for (var i = 0; i < l; ++i) {
		p.push(" ");
		p.push(n[i].toFixed());
		p.push(y);
	}
	this.lastControl = {};
	return p;
}, _hLineToR:function (segment) {
	var p = [" r"];
	var n = segment.args;
	var l = n.length;
	for (var i = 0; i < l; ++i) {
		p.push(" ");
		p.push(n[i].toFixed());
		p.push(" 0");
	}
	this.lastControl = {};
	return p;
}, _vLineToA:function (segment, last) {
	var p = [" l"];
	var n = segment.args;
	var l = n.length;
	var x = " " + last.x.toFixed();
	for (var i = 0; i < l; ++i) {
		p.push(x);
		p.push(" ");
		p.push(n[i].toFixed());
	}
	this.lastControl = {};
	return p;
}, _vLineToR:function (segment) {
	var p = [" r"];
	var n = segment.args;
	var l = n.length;
	for (var i = 0; i < l; ++i) {
		p.push(" 0 ");
		p.push(n[i].toFixed());
	}
	this.lastControl = {};
	return p;
}, _curveToA:function (segment) {
	var p = [];
	var n = segment.args;
	var l = n.length;
	for (var i = 0; i < l; i += 6) {
		p.push(" c");
		this._addArgs(p, n, i, i + 6);
	}
	this.lastControl = {x:n[l - 4], y:n[l - 3], type:"C"};
	return p;
}, _curveToR:function (segment, last) {
	var p = [];
	var n = segment.args;
	var l = n.length;
	for (var i = 0; i < l; i += 6) {
		p.push(" v");
		this._addArgs(p, n, i, i + 6);
		this.lastControl = {x:last.x + n[i + 2], y:last.y + n[i + 3]};
		last.x += n[i + 4];
		last.y += n[i + 5];
	}
	this.lastControl.type = "C";
	return p;
}, _smoothCurveToA:function (segment, last) {
	var p = [];
	var n = segment.args;
	var l = n.length;
	for (var i = 0; i < l; i += 4) {
		p.push(" c");
		if (this.lastControl.type == "C") {
			this._addArgs(p, [2 * last.x - this.lastControl.x, 2 * last.y - this.lastControl.y]);
		} else {
			this._addArgs(p, [last.x, last.y]);
		}
		this._addArgs(p, n, i, i + 4);
	}
	this.lastControl = {x:n[l - 4], y:n[l - 3], type:"C"};
	return p;
}, _smoothCurveToR:function (segment, last) {
	var p = [];
	var n = segment.args;
	var l = n.length;
	for (var i = 0; i < l; i += 4) {
		p.push(" v");
		if (this.lastControl.type == "C") {
			this._addArgs(p, [last.x - this.lastControl.x, last.y - this.lastControl.y]);
		} else {
			this._addArgs(p, [0, 0]);
		}
		this._addArgs(p, n, i, i + 4);
		this.lastControl = {x:last.x + n[i], y:last.y + n[i + 1]};
		last.x += n[i + 2];
		last.y += n[i + 3];
	}
	this.lastControl.type = "C";
	return p;
}, _qCurveToA:function (segment) {
	var p = [];
	var n = segment.args;
	var l = n.length;
	for (var i = 0; i < l; i += 4) {
		p.push(" qb");
		this._addArgs(p, n, i, i + 4);
	}
	this.lastControl = {x:n[l - 4], y:n[l - 3], type:"Q"};
	return p;
}, _qCurveToR:function (segment, last) {
	var p = [];
	var n = segment.args;
	var l = n.length;
	for (var i = 0; i < l; i += 4) {
		p.push(" qb");
		this._addArgsAdjusted(p, last, n, i, i + 4);
		this.lastControl = {x:last.x + n[i], y:last.y + n[i + 1]};
		last.x += n[i + 2];
		last.y += n[i + 3];
	}
	this.lastControl.type = "Q";
	return p;
}, _qSmoothCurveToA:function (segment, last) {
	var p = [];
	var n = segment.args;
	var l = n.length;
	for (var i = 0; i < l; i += 2) {
		p.push(" qb");
		if (this.lastControl.type == "Q") {
			this._addArgs(p, [this.lastControl.x = 2 * last.x - this.lastControl.x, this.lastControl.y = 2 * last.y - this.lastControl.y]);
		} else {
			this._addArgs(p, [this.lastControl.x = last.x, this.lastControl.y = last.y]);
		}
		this._addArgs(p, n, i, i + 2);
	}
	this.lastControl.type = "Q";
	return p;
}, _qSmoothCurveToR:function (segment, last) {
	var p = [];
	var n = segment.args;
	var l = n.length;
	for (var i = 0; i < l; i += 2) {
		p.push(" qb");
		if (this.lastControl.type == "Q") {
			this._addArgs(p, [this.lastControl.x = 2 * last.x - this.lastControl.x, this.lastControl.y = 2 * last.y - this.lastControl.y]);
		} else {
			this._addArgs(p, [this.lastControl.x = last.x, this.lastControl.y = last.y]);
		}
		this._addArgsAdjusted(p, last, n, i, i + 2);
	}
	this.lastControl.type = "Q";
	return p;
}, _PI4:Math.PI / 4, _curvePI4:dojo.gfx.path._calcArc(Math.PI / 8), _calcArcTo:function (path, last, rx, ry, xRotg, large, cw, x, y) {
	var m = dojo.gfx.matrix;
	var xRot = -dojo.math.degToRad(xRotg);
	var rx2 = rx * rx;
	var ry2 = ry * ry;
	var pa = m.multiplyPoint(m.rotate(-xRot), {x:(last.x - x) / 2, y:(last.y - y) / 2});
	var pax2 = pa.x * pa.x;
	var pay2 = pa.y * pa.y;
	var c1 = Math.sqrt((rx2 * ry2 - rx2 * pay2 - ry2 * pax2) / (rx2 * pay2 + ry2 * pax2));
	var ca = {x:c1 * rx * pa.y / ry, y:-c1 * ry * pa.x / rx};
	if (large == cw) {
		ca = {x:-ca.x, y:-ca.y};
	}
	var c = m.multiplyPoint([m.translate((last.x + x) / 2, (last.y + y) / 2), m.rotate(xRot)], ca);
	var startAngle = Math.atan2(c.y - last.y, last.x - c.x) - xRot;
	var endAngle = Math.atan2(c.y - y, x - c.x) - xRot;
	var theta = cw ? startAngle - endAngle : endAngle - startAngle;
	if (theta < 0) {
		theta += this._2PI;
	} else {
		if (theta > this._2PI) {
			theta = this._2PI;
		}
	}
	var elliptic_transform = m.normalize([m.translate(c.x, c.y), m.rotate(xRot), m.scale(rx, ry)]);
	var alpha = this._PI4 / 2;
	var curve = this._curvePI4;
	var step = cw ? -alpha : alpha;
	for (var angle = theta; angle > 0; angle -= this._PI4) {
		if (angle < this._PI4) {
			alpha = angle / 2;
			curve = dojo.gfx.path._calcArc(alpha);
			step = cw ? -alpha : alpha;
		}
		var c1, c2, e;
		var M = m.normalize([elliptic_transform, m.rotate(startAngle + step)]);
		if (cw) {
			c1 = m.multiplyPoint(M, curve.c2);
			c2 = m.multiplyPoint(M, curve.c1);
			e = m.multiplyPoint(M, curve.s);
		} else {
			c1 = m.multiplyPoint(M, curve.c1);
			c2 = m.multiplyPoint(M, curve.c2);
			e = m.multiplyPoint(M, curve.e);
		}
		path.push(" c");
		this._addArgs(path, [c1.x, c1.y, c2.x, c2.y, e.x, e.y]);
		startAngle += 2 * step;
	}
}, _arcTo:function (segment, last) {
	var p = [];
	var n = segment.args;
	var l = n.length;
	var relative = segment.action == "a";
	for (var i = 0; i < l; i += 7) {
		var x1 = n[i + 5];
		var y1 = n[i + 6];
		if (relative) {
			x1 += last.x;
			y1 += last.y;
		}
		this._calcArcTo(p, last, n[i], n[i + 1], n[i + 2], n[i + 3] ? 1 : 0, n[i + 4] ? 1 : 0, x1, y1);
		last = {x:x1, y:y1};
	}
	this.lastControl = {};
	return p;
}, _closePath:function () {
	this.lastControl = {};
	return ["x"];
}});
dojo.gfx.Path.nodeType = "shape";
dojo.gfx._creators = {createPath:function (path) {
	return this.createObject(dojo.gfx.Path, path, true);
}, createRect:function (rect) {
	return this.createObject(dojo.gfx.Rect, rect);
}, createCircle:function (circle) {
	return this.createObject(dojo.gfx.Circle, circle);
}, createEllipse:function (ellipse) {
	return this.createObject(dojo.gfx.Ellipse, ellipse);
}, createLine:function (line) {
	return this.createObject(dojo.gfx.Line, line, true);
}, createPolyline:function (points) {
	return this.createObject(dojo.gfx.Polyline, points, true);
}, createImage:function (image) {
	if (!this.rawNode) {
		return null;
	}
	var shape = new dojo.gfx.Image();
	var node = document.createElement("div");
	node.style.position = "relative";
	node.style.width = this.rawNode.style.width;
	node.style.height = this.rawNode.style.height;
	node.style.filter = "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, Dx=0, Dy=0)";
	var img = document.createElement("img");
	node.appendChild(img);
	shape.setRawNode(node);
	this.rawNode.appendChild(node);
	shape.setShape(image);
	this.add(shape);
	return shape;
}, createGroup:function () {
	return this.createObject(dojo.gfx.Group, null, true);
}, createObject:function (shapeType, rawShape, overrideSize) {
	if (!this.rawNode) {
		return null;
	}
	var shape = new shapeType();
	var node = document.createElement("v:" + shapeType.nodeType);
	shape.setRawNode(node);
	this.rawNode.appendChild(node);
	if (overrideSize) {
		this._overrideSize(node);
	}
	shape.setShape(rawShape);
	this.add(shape);
	return shape;
}, _overrideSize:function (node) {
	node.style.width = this.rawNode.style.width;
	node.style.height = this.rawNode.style.height;
	node.coordsize = parseFloat(node.style.width) + " " + parseFloat(node.style.height);
}};
dojo.lang.extend(dojo.gfx.Group, dojo.gfx._creators);
dojo.lang.extend(dojo.gfx.Surface, dojo.gfx._creators);
delete dojo.gfx._creators;
dojo.gfx.attachNode = function (node) {
	if (!node) {
		return null;
	}
	var s = null;
	switch (node.tagName.toLowerCase()) {
	  case dojo.gfx.Rect.nodeType:
		s = new dojo.gfx.Rect();
		break;
	  case dojo.gfx.Ellipse.nodeType:
		s = (node.style.width == node.style.height) ? new dojo.gfx.Circle() : new dojo.gfx.Ellipse();
		break;
	  case dojo.gfx.Path.nodeType:
		switch (node.getAttribute("dojoGfxType")) {
		  case "line":
			s = new dojo.gfx.Line();
			break;
		  case "polyline":
			s = new dojo.gfx.Polyline();
			break;
		  case "path":
			s = new dojo.gfx.Path();
			break;
		}
		break;
	  case dojo.gfx.Image.nodeType:
		s = new dojo.gfx.Image();
		break;
	  default:
		dojo.debug("FATAL ERROR! tagName = " + node.tagName);
	}
	s.attach(node);
	return s;
};
dojo.lang.extend(dojo.gfx.Surface, {setDimensions:function (width, height) {
	if (!this.rawNode) {
		return this;
	}
	this.rawNode.style.width = width;
	this.rawNode.style.height = height;
	this.rawNode.coordsize = width + " " + height;
	return this;
}, getDimensions:function () {
	return this.rawNode ? {width:this.rawNode.style.width, height:this.rawNode.style.height} : null;
}, add:function (shape) {
	var oldParent = shape.getParent();
	if (this != oldParent) {
		this.rawNode.appendChild(shape.rawNode);
		if (oldParent) {
			oldParent.remove(shape, true);
		}
		shape._setParent(this, null);
	}
	return this;
}, remove:function (shape, silently) {
	if (this == shape.getParent()) {
		if (this.rawNode == shape.rawNode.parentNode) {
			this.rawNode.removeChild(shape.rawNode);
		}
		shape._setParent(null, null);
	}
	return this;
}});
dojo.gfx.createSurface = function (parentNode, width, height) {
	var s = new dojo.gfx.Surface();
	s.rawNode = document.createElement("v:group");
	s.rawNode.style.width = width ? width : "100%";
	s.rawNode.style.height = height ? height : "100%";
	s.rawNode.coordsize = (width && height) ? (parseFloat(width) + " " + parseFloat(height)) : "100% 100%";
	s.rawNode.coordorigin = "0 0";
	dojo.byId(parentNode).appendChild(s.rawNode);
	return s;
};
dojo.gfx.attachSurface = function (node) {
	var s = new dojo.gfx.Surface();
	s.rawNode = node;
	return s;
};
 

Rev 1318	Rev 1422
1	`/*`	1	`/*`
2	`Copyright (c) 2004-2006, The Dojo Foundation`	2	`Copyright (c) 2004-2006, The Dojo Foundation`
3	`All Rights Reserved.`	3	`All Rights Reserved.`
4		4
5	`Licensed under the Academic Free License version 2.1 or above OR the`	5	`Licensed under the Academic Free License version 2.1 or above OR the`
6	`modified BSD license. For more information on Dojo licensing, see:`	6	`modified BSD license. For more information on Dojo licensing, see:`
7		7
8	`http://dojotoolkit.org/community/licensing.shtml`	8	`http://dojotoolkit.org/community/licensing.shtml`
9	`*/`	9	`*/`
-		10
-		11
10		12
11	`dojo.provide("dojo.gfx.vml");`	13	`dojo.provide("dojo.gfx.vml");`
12	`dojo.require("dojo.dom");`	14	`dojo.require("dojo.dom");`
13	`dojo.require("dojo.math");`	15	`dojo.require("dojo.math");`
14	`dojo.require("dojo.lang.declare");`	16	`dojo.require("dojo.lang.declare");`
15	`dojo.require("dojo.lang.extras");`	17	`dojo.require("dojo.lang.extras");`
16	`dojo.require("dojo.string.*");`	18	`dojo.require("dojo.string.*");`
17	`dojo.require("dojo.html.metrics");`	19	`dojo.require("dojo.html.metrics");`
18	`dojo.require("dojo.gfx.color");`	20	`dojo.require("dojo.gfx.color");`
19	`dojo.require("dojo.gfx.common");`	21	`dojo.require("dojo.gfx.common");`
20	`dojo.require("dojo.gfx.shape");`	22	`dojo.require("dojo.gfx.shape");`
21	`dojo.require("dojo.gfx.path");`	23	`dojo.require("dojo.gfx.path");`
22	`dojo.require("dojo.experimental");`	24	`dojo.require("dojo.experimental");`
23	`dojo.experimental("dojo.gfx.vml");`	25	`dojo.experimental("dojo.gfx.vml");`
24	`dojo.gfx.vml.xmlns = "urn:schemas-microsoft-com:vml";`	26	`dojo.gfx.vml.xmlns = "urn:schemas-microsoft-com:vml";`
25	`dojo.gfx.vml._parseFloat = function (str) {`	27	`dojo.gfx.vml._parseFloat = function (str) {`
26	`return str.match(/^\d+f$/i) ? parseInt(str) / 65536 : parseFloat(str);`	28	`return str.match(/^\d+f$/i) ? parseInt(str) / 65536 : parseFloat(str);`
27	`};`	29	`};`
28	`dojo.gfx.vml.cm_in_pt = 72 / 2.54;`	30	`dojo.gfx.vml.cm_in_pt = 72 / 2.54;`
29	`dojo.gfx.vml.mm_in_pt = 7.2 / 2.54;`	31	`dojo.gfx.vml.mm_in_pt = 7.2 / 2.54;`
30	`dojo.gfx.vml.px_in_pt = function () {`	32	`dojo.gfx.vml.px_in_pt = function () {`
31	`return dojo.html.getCachedFontMeasurements()["12pt"] / 12;`	33	`return dojo.html.getCachedFontMeasurements()["12pt"] / 12;`
32	`};`	34	`};`
33	`dojo.gfx.vml.pt2px = function (len) {`	35	`dojo.gfx.vml.pt2px = function (len) {`
34	`return len * this.px_in_pt();`	36	`return len * this.px_in_pt();`
35	`};`	37	`};`
36	`dojo.gfx.vml.px2pt = function (len) {`	38	`dojo.gfx.vml.px2pt = function (len) {`
37	`return len / this.px_in_pt();`	39	`return len / this.px_in_pt();`
38	`};`	40	`};`
39	`dojo.gfx.vml.normalizedLength = function (len) {`	41	`dojo.gfx.vml.normalizedLength = function (len) {`
40	`if (len.length == 0) {`	42	`if (len.length == 0) {`
41	`return 0;`	43	`return 0;`
42	`}`	44	`}`
43	`if (len.length > 2) {`	45	`if (len.length > 2) {`
44	`var px_in_pt = this.px_in_pt();`	46	`var px_in_pt = this.px_in_pt();`
45	`var val = parseFloat(len);`	47	`var val = parseFloat(len);`
46	`switch (len.slice(-2)) {`	48	`switch (len.slice(-2)) {`
47	`case "px":`	49	`case "px":`
48	`return val;`	50	`return val;`
49	`case "pt":`	51	`case "pt":`
50	`return val * px_in_pt;`	52	`return val * px_in_pt;`
51	`case "in":`	53	`case "in":`
52	`return val * 72 * px_in_pt;`	54	`return val * 72 * px_in_pt;`
53	`case "pc":`	55	`case "pc":`
54	`return val * 12 * px_in_pt;`	56	`return val * 12 * px_in_pt;`
55	`case "mm":`	57	`case "mm":`
56	`return val / this.mm_in_pt * px_in_pt;`	58	`return val / this.mm_in_pt * px_in_pt;`
57	`case "cm":`	59	`case "cm":`
58	`return val / this.cm_in_pt * px_in_pt;`	60	`return val / this.cm_in_pt * px_in_pt;`
59	`}`	61	`}`
60	`}`	62	`}`
61	`return parseFloat(len);`	63	`return parseFloat(len);`
62	`};`	64	`};`
63	`dojo.lang.extend(dojo.gfx.Shape, {setFill:function (fill) {`	65	`dojo.lang.extend(dojo.gfx.Shape, {setFill:function (fill) {`
64	`if (!fill) {`	66	`if (!fill) {`
65	`this.fillStyle = null;`	67	`this.fillStyle = null;`
66	`this.rawNode.filled = false;`	68	`this.rawNode.filled = false;`
67	`return this;`	69	`return this;`
68	`}`	70	`}`
69	`if (typeof (fill) == "object" && "type" in fill) {`	71	`if (typeof (fill) == "object" && "type" in fill) {`
70	`switch (fill.type) {`	72	`switch (fill.type) {`
71	`case "linear":`	73	`case "linear":`
72	`var f = dojo.gfx.makeParameters(dojo.gfx.defaultLinearGradient, fill);`	74	`var f = dojo.gfx.makeParameters(dojo.gfx.defaultLinearGradient, fill);`
73	`this.fillStyle = f;`	75	`this.fillStyle = f;`
74	`var s = "";`	76	`var s = "";`
75	`for (var i = 0; i < f.colors.length; ++i) {`	77	`for (var i = 0; i < f.colors.length; ++i) {`
76	`f.colors[i].color = dojo.gfx.normalizeColor(f.colors[i].color);`	78	`f.colors[i].color = dojo.gfx.normalizeColor(f.colors[i].color);`
77	`s += f.colors[i].offset.toFixed(8) + " " + f.colors[i].color.toHex() + ";";`	79	`s += f.colors[i].offset.toFixed(8) + " " + f.colors[i].color.toHex() + ";";`
78	`}`	80	`}`
79	`var fo = this.rawNode.fill;`	81	`var fo = this.rawNode.fill;`
80	`fo.colors.value = s;`	82	`fo.colors.value = s;`
81	`fo.method = "sigma";`	83	`fo.method = "sigma";`
82	`fo.type = "gradient";`	84	`fo.type = "gradient";`
83	`fo.angle = (dojo.math.radToDeg(Math.atan2(f.x2 - f.x1, f.y2 - f.y1)) + 180) % 360;`	85	`fo.angle = (dojo.math.radToDeg(Math.atan2(f.x2 - f.x1, f.y2 - f.y1)) + 180) % 360;`
84	`fo.on = true;`	86	`fo.on = true;`
85	`break;`	87	`break;`
86	`case "radial":`	88	`case "radial":`
87	`var f = dojo.gfx.makeParameters(dojo.gfx.defaultRadialGradient, fill);`	89	`var f = dojo.gfx.makeParameters(dojo.gfx.defaultRadialGradient, fill);`
88	`this.fillStyle = f;`	90	`this.fillStyle = f;`
89	`var w = parseFloat(this.rawNode.style.width);`	91	`var w = parseFloat(this.rawNode.style.width);`
90	`var h = parseFloat(this.rawNode.style.height);`	92	`var h = parseFloat(this.rawNode.style.height);`
91	`var c = isNaN(w) ? 1 : 2 * f.r / w;`	93	`var c = isNaN(w) ? 1 : 2 * f.r / w;`
92	`var i = f.colors.length - 1;`	94	`var i = f.colors.length - 1;`
93	`f.colors[i].color = dojo.gfx.normalizeColor(f.colors[i].color);`	95	`f.colors[i].color = dojo.gfx.normalizeColor(f.colors[i].color);`
94	`var s = "0 " + f.colors[i].color.toHex();`	96	`var s = "0 " + f.colors[i].color.toHex();`
95	`for (; i >= 0; --i) {`	97	`for (; i >= 0; --i) {`
96	`f.colors[i].color = dojo.gfx.normalizeColor(f.colors[i].color);`	98	`f.colors[i].color = dojo.gfx.normalizeColor(f.colors[i].color);`
97	`s += (1 - c * f.colors[i].offset).toFixed(8) + " " + f.colors[i].color.toHex() + ";";`	99	`s += (1 - c * f.colors[i].offset).toFixed(8) + " " + f.colors[i].color.toHex() + ";";`
98	`}`	100	`}`
99	`var fo = this.rawNode.fill;`	101	`var fo = this.rawNode.fill;`
100	`fo.colors.value = s;`	102	`fo.colors.value = s;`
101	`fo.method = "sigma";`	103	`fo.method = "sigma";`
102	`fo.type = "gradientradial";`	104	`fo.type = "gradientradial";`
103	`if (isNaN(w) \|\| isNaN(h)) {`	105	`if (isNaN(w) \|\| isNaN(h)) {`
104	`fo.focusposition = "0.5 0.5";`	106	`fo.focusposition = "0.5 0.5";`
105	`} else {`	107	`} else {`
106	`fo.focusposition = (f.cx / w).toFixed(8) + " " + (f.cy / h).toFixed(8);`	108	`fo.focusposition = (f.cx / w).toFixed(8) + " " + (f.cy / h).toFixed(8);`
107	`}`	109	`}`
108	`fo.focussize = "0 0";`	110	`fo.focussize = "0 0";`
109	`fo.on = true;`	111	`fo.on = true;`
110	`break;`	112	`break;`
111	`case "pattern":`	113	`case "pattern":`
112	`var f = dojo.gfx.makeParameters(dojo.gfx.defaultPattern, fill);`	114	`var f = dojo.gfx.makeParameters(dojo.gfx.defaultPattern, fill);`
113	`this.fillStyle = f;`	115	`this.fillStyle = f;`
114	`var fo = this.rawNode.fill;`	116	`var fo = this.rawNode.fill;`
115	`fo.type = "tile";`	117	`fo.type = "tile";`
116	`fo.src = f.src;`	118	`fo.src = f.src;`
117	`if (f.width && f.height) {`	119	`if (f.width && f.height) {`
118	`fo.size.x = dojo.gfx.vml.px2pt(f.width);`	120	`fo.size.x = dojo.gfx.vml.px2pt(f.width);`
119	`fo.size.y = dojo.gfx.vml.px2pt(f.height);`	121	`fo.size.y = dojo.gfx.vml.px2pt(f.height);`
120	`}`	122	`}`
121	`fo.alignShape = false;`	123	`fo.alignShape = false;`
122	`fo.position.x = 0;`	124	`fo.position.x = 0;`
123	`fo.position.y = 0;`	125	`fo.position.y = 0;`
124	`fo.origin.x = f.width ? f.x / f.width : 0;`	126	`fo.origin.x = f.width ? f.x / f.width : 0;`
125	`fo.origin.y = f.height ? f.y / f.height : 0;`	127	`fo.origin.y = f.height ? f.y / f.height : 0;`
126	`fo.on = true;`	128	`fo.on = true;`
127	`break;`	129	`break;`
128	`}`	130	`}`
129	`this.rawNode.fill.opacity = 1;`	131	`this.rawNode.fill.opacity = 1;`
130	`return this;`	132	`return this;`
131	`}`	133	`}`
132	`this.fillStyle = dojo.gfx.normalizeColor(fill);`	134	`this.fillStyle = dojo.gfx.normalizeColor(fill);`
133	`this.rawNode.fillcolor = this.fillStyle.toHex();`	135	`this.rawNode.fillcolor = this.fillStyle.toHex();`
134	`this.rawNode.fill.opacity = this.fillStyle.a;`	136	`this.rawNode.fill.opacity = this.fillStyle.a;`
135	`this.rawNode.filled = true;`	137	`this.rawNode.filled = true;`
136	`return this;`	138	`return this;`
137	`}, setStroke:function (stroke) {`	139	`}, setStroke:function (stroke) {`
138	`if (!stroke) {`	140	`if (!stroke) {`
139	`this.strokeStyle = null;`	141	`this.strokeStyle = null;`
140	`this.rawNode.stroked = false;`	142	`this.rawNode.stroked = false;`
141	`return this;`	143	`return this;`
142	`}`	144	`}`
143	`this.strokeStyle = dojo.gfx.makeParameters(dojo.gfx.defaultStroke, stroke);`	145	`this.strokeStyle = dojo.gfx.makeParameters(dojo.gfx.defaultStroke, stroke);`
144	`this.strokeStyle.color = dojo.gfx.normalizeColor(this.strokeStyle.color);`	146	`this.strokeStyle.color = dojo.gfx.normalizeColor(this.strokeStyle.color);`
145	`var s = this.strokeStyle;`	147	`var s = this.strokeStyle;`
146	`this.rawNode.stroked = true;`	148	`this.rawNode.stroked = true;`
147	`this.rawNode.strokecolor = s.color.toCss();`	149	`this.rawNode.strokecolor = s.color.toCss();`
148	`this.rawNode.strokeweight = s.width + "px";`	150	`this.rawNode.strokeweight = s.width + "px";`
149	`if (this.rawNode.stroke) {`	151	`if (this.rawNode.stroke) {`
150	`this.rawNode.stroke.opacity = s.color.a;`	152	`this.rawNode.stroke.opacity = s.color.a;`
151	`this.rawNode.stroke.endcap = this._translate(this._capMap, s.cap);`	153	`this.rawNode.stroke.endcap = this._translate(this._capMap, s.cap);`
152	`if (typeof (s.join) == "number") {`	154	`if (typeof (s.join) == "number") {`
153	`this.rawNode.stroke.joinstyle = "miter";`	155	`this.rawNode.stroke.joinstyle = "miter";`
154	`this.rawNode.stroke.miterlimit = s.join;`	156	`this.rawNode.stroke.miterlimit = s.join;`
155	`} else {`	157	`} else {`
156	`this.rawNode.stroke.joinstyle = s.join;`	158	`this.rawNode.stroke.joinstyle = s.join;`
157	`}`	159	`}`
158	`}`	160	`}`
159	`return this;`	161	`return this;`
160	`}, _capMap:{butt:"flat"}, _capMapReversed:{flat:"butt"}, _translate:function (dict, value) {`	162	`}, _capMap:{butt:"flat"}, _capMapReversed:{flat:"butt"}, _translate:function (dict, value) {`
161	`return (value in dict) ? dict[value] : value;`	163	`return (value in dict) ? dict[value] : value;`
162	`}, _applyTransform:function () {`	164	`}, _applyTransform:function () {`
163	`var matrix = this._getRealMatrix();`	165	`var matrix = this._getRealMatrix();`
164	`if (!matrix) {`	166	`if (!matrix) {`
165	`return this;`	167	`return this;`
166	`}`	168	`}`
167	`var skew = this.rawNode.skew;`	169	`var skew = this.rawNode.skew;`
168	`if (typeof (skew) == "undefined") {`	170	`if (typeof (skew) == "undefined") {`
169	`for (var i = 0; i < this.rawNode.childNodes.length; ++i) {`	171	`for (var i = 0; i < this.rawNode.childNodes.length; ++i) {`
170	`if (this.rawNode.childNodes[i].tagName == "skew") {`	172	`if (this.rawNode.childNodes[i].tagName == "skew") {`
171	`skew = this.rawNode.childNodes[i];`	173	`skew = this.rawNode.childNodes[i];`
172	`break;`	174	`break;`
173	`}`	175	`}`
174	`}`	176	`}`
175	`}`	177	`}`
176	`if (skew) {`	178	`if (skew) {`
177	`skew.on = false;`	179	`skew.on = false;`
178	`var mt = matrix.xx.toFixed(8) + " " + matrix.xy.toFixed(8) + " " + matrix.yx.toFixed(8) + " " + matrix.yy.toFixed(8) + " 0 0";`	180	`var mt = matrix.xx.toFixed(8) + " " + matrix.xy.toFixed(8) + " " + matrix.yx.toFixed(8) + " " + matrix.yy.toFixed(8) + " 0 0";`
179	`var offset = Math.floor(matrix.dx).toFixed() + "px " + Math.floor(matrix.dy).toFixed() + "px";`	181	`var offset = Math.floor(matrix.dx).toFixed() + "px " + Math.floor(matrix.dy).toFixed() + "px";`
180	`var l = parseFloat(this.rawNode.style.left);`	182	`var l = parseFloat(this.rawNode.style.left);`
181	`var t = parseFloat(this.rawNode.style.top);`	183	`var t = parseFloat(this.rawNode.style.top);`
182	`var w = parseFloat(this.rawNode.style.width);`	184	`var w = parseFloat(this.rawNode.style.width);`
183	`var h = parseFloat(this.rawNode.style.height);`	185	`var h = parseFloat(this.rawNode.style.height);`
184	`if (isNaN(l)) {`	186	`if (isNaN(l)) {`
185	`l = 0;`	187	`l = 0;`
186	`}`	188	`}`
187	`if (isNaN(t)) {`	189	`if (isNaN(t)) {`
188	`t = 0;`	190	`t = 0;`
189	`}`	191	`}`
190	`if (isNaN(w)) {`	192	`if (isNaN(w)) {`
191	`w = 1;`	193	`w = 1;`
192	`}`	194	`}`
193	`if (isNaN(h)) {`	195	`if (isNaN(h)) {`
194	`h = 1;`	196	`h = 1;`
195	`}`	197	`}`
196	`var origin = (-l / w - 0.5).toFixed(8) + " " + (-t / h - 0.5).toFixed(8);`	198	`var origin = (-l / w - 0.5).toFixed(8) + " " + (-t / h - 0.5).toFixed(8);`
197	`skew.matrix = mt;`	199	`skew.matrix = mt;`
198	`skew.origin = origin;`	200	`skew.origin = origin;`
199	`skew.offset = offset;`	201	`skew.offset = offset;`
200	`skew.on = true;`	202	`skew.on = true;`
201	`}`	203	`}`
202	`return this;`	204	`return this;`
203	`}, setRawNode:function (rawNode) {`	205	`}, setRawNode:function (rawNode) {`
204	`rawNode.stroked = false;`	206	`rawNode.stroked = false;`
205	`rawNode.filled = false;`	207	`rawNode.filled = false;`
206	`this.rawNode = rawNode;`	208	`this.rawNode = rawNode;`
207	`}, attachFill:function (rawNode) {`	209	`}, attachFill:function (rawNode) {`
208	`var fillStyle = null;`	210	`var fillStyle = null;`
209	`var fo = rawNode.fill;`	211	`var fo = rawNode.fill;`
210	`if (rawNode) {`	212	`if (rawNode) {`
211	`if (fo.on && fo.type == "gradient") {`	213	`if (fo.on && fo.type == "gradient") {`
212	`var fillStyle = dojo.lang.shallowCopy(dojo.gfx.defaultLinearGradient, true);`	214	`var fillStyle = dojo.lang.shallowCopy(dojo.gfx.defaultLinearGradient, true);`
213	`var rad = dojo.math.degToRad(fo.angle);`	215	`var rad = dojo.math.degToRad(fo.angle);`
214	`fillStyle.x2 = Math.cos(rad);`	216	`fillStyle.x2 = Math.cos(rad);`
215	`fillStyle.y2 = Math.sin(rad);`	217	`fillStyle.y2 = Math.sin(rad);`
216	`fillStyle.colors = [];`	218	`fillStyle.colors = [];`
217	`var stops = fo.colors.value.split(";");`	219	`var stops = fo.colors.value.split(";");`
218	`for (var i = 0; i < stops.length; ++i) {`	220	`for (var i = 0; i < stops.length; ++i) {`
219	`var t = stops[i].match(/\S+/g);`	221	`var t = stops[i].match(/\S+/g);`
220	`if (!t \|\| t.length != 2) {`	222	`if (!t \|\| t.length != 2) {`
221	`continue;`	223	`continue;`
222	`}`	224	`}`
223	`fillStyle.colors.push({offset:dojo.gfx.vml._parseFloat(t[0]), color:new dojo.gfx.color.Color(t[1])});`	225	`fillStyle.colors.push({offset:dojo.gfx.vml._parseFloat(t[0]), color:new dojo.gfx.color.Color(t[1])});`
224	`}`	226	`}`
225	`} else {`	227	`} else {`
226	`if (fo.on && fo.type == "gradientradial") {`	228	`if (fo.on && fo.type == "gradientradial") {`
227	`var fillStyle = dojo.lang.shallowCopy(dojo.gfx.defaultRadialGradient, true);`	229	`var fillStyle = dojo.lang.shallowCopy(dojo.gfx.defaultRadialGradient, true);`
228	`var w = parseFloat(rawNode.style.width);`	230	`var w = parseFloat(rawNode.style.width);`
229	`var h = parseFloat(rawNode.style.height);`	231	`var h = parseFloat(rawNode.style.height);`
230	`fillStyle.cx = isNaN(w) ? 0 : fo.focusposition.x * w;`	232	`fillStyle.cx = isNaN(w) ? 0 : fo.focusposition.x * w;`
231	`fillStyle.cy = isNaN(h) ? 0 : fo.focusposition.y * h;`	233	`fillStyle.cy = isNaN(h) ? 0 : fo.focusposition.y * h;`
232	`fillStyle.r = isNaN(w) ? 1 : w / 2;`	234	`fillStyle.r = isNaN(w) ? 1 : w / 2;`
233	`fillStyle.colors = [];`	235	`fillStyle.colors = [];`
234	`var stops = fo.colors.value.split(";");`	236	`var stops = fo.colors.value.split(";");`
235	`for (var i = stops.length - 1; i >= 0; --i) {`	237	`for (var i = stops.length - 1; i >= 0; --i) {`
236	`var t = stops[i].match(/\S+/g);`	238	`var t = stops[i].match(/\S+/g);`
237	`if (!t \|\| t.length != 2) {`	239	`if (!t \|\| t.length != 2) {`
238	`continue;`	240	`continue;`
239	`}`	241	`}`
240	`fillStyle.colors.push({offset:dojo.gfx.vml._parseFloat(t[0]), color:new dojo.gfx.color.Color(t[1])});`	242	`fillStyle.colors.push({offset:dojo.gfx.vml._parseFloat(t[0]), color:new dojo.gfx.color.Color(t[1])});`
241	`}`	243	`}`
242	`} else {`	244	`} else {`
243	`if (fo.on && fo.type == "tile") {`	245	`if (fo.on && fo.type == "tile") {`
244	`var fillStyle = dojo.lang.shallowCopy(dojo.gfx.defaultPattern, true);`	246	`var fillStyle = dojo.lang.shallowCopy(dojo.gfx.defaultPattern, true);`
245	`fillStyle.width = dojo.gfx.vml.pt2px(fo.size.x);`	247	`fillStyle.width = dojo.gfx.vml.pt2px(fo.size.x);`
246	`fillStyle.height = dojo.gfx.vml.pt2px(fo.size.y);`	248	`fillStyle.height = dojo.gfx.vml.pt2px(fo.size.y);`
247	`fillStyle.x = fo.origin.x * fillStyle.width;`	249	`fillStyle.x = fo.origin.x * fillStyle.width;`
248	`fillStyle.y = fo.origin.y * fillStyle.height;`	250	`fillStyle.y = fo.origin.y * fillStyle.height;`
249	`fillStyle.src = fo.src;`	251	`fillStyle.src = fo.src;`
250	`} else {`	252	`} else {`
251	`if (fo.on && rawNode.fillcolor) {`	253	`if (fo.on && rawNode.fillcolor) {`
252	`fillStyle = new dojo.gfx.color.Color(rawNode.fillcolor + "");`	254	`fillStyle = new dojo.gfx.color.Color(rawNode.fillcolor + "");`
253	`fillStyle.a = fo.opacity;`	255	`fillStyle.a = fo.opacity;`
254	`}`	256	`}`
255	`}`	257	`}`
256	`}`	258	`}`
257	`}`	259	`}`
258	`}`	260	`}`
259	`return fillStyle;`	261	`return fillStyle;`
260	`}, attachStroke:function (rawNode) {`	262	`}, attachStroke:function (rawNode) {`
261	`var strokeStyle = dojo.lang.shallowCopy(dojo.gfx.defaultStroke, true);`	263	`var strokeStyle = dojo.lang.shallowCopy(dojo.gfx.defaultStroke, true);`
262	`if (rawNode && rawNode.stroked) {`	264	`if (rawNode && rawNode.stroked) {`
263	`strokeStyle.color = new dojo.gfx.color.Color(rawNode.strokecolor.value);`	265	`strokeStyle.color = new dojo.gfx.color.Color(rawNode.strokecolor.value);`
264	`dojo.debug("We are expecting an .75pt here, instead of strokeweight = " + rawNode.strokeweight);`	266	`dojo.debug("We are expecting an .75pt here, instead of strokeweight = " + rawNode.strokeweight);`
265	`strokeStyle.width = dojo.gfx.vml.normalizedLength(rawNode.strokeweight + "");`	267	`strokeStyle.width = dojo.gfx.vml.normalizedLength(rawNode.strokeweight + "");`
266	`strokeStyle.color.a = rawNode.stroke.opacity;`	268	`strokeStyle.color.a = rawNode.stroke.opacity;`
267	`strokeStyle.cap = this._translate(this._capMapReversed, rawNode.stroke.endcap);`	269	`strokeStyle.cap = this._translate(this._capMapReversed, rawNode.stroke.endcap);`
268	`strokeStyle.join = rawNode.stroke.joinstyle == "miter" ? rawNode.stroke.miterlimit : rawNode.stroke.joinstyle;`	270	`strokeStyle.join = rawNode.stroke.joinstyle == "miter" ? rawNode.stroke.miterlimit : rawNode.stroke.joinstyle;`
269	`} else {`	271	`} else {`
270	`return null;`	272	`return null;`
271	`}`	273	`}`
272	`return strokeStyle;`	274	`return strokeStyle;`
273	`}, attachTransform:function (rawNode) {`	275	`}, attachTransform:function (rawNode) {`
274	`var matrix = {};`	276	`var matrix = {};`
275	`if (rawNode) {`	277	`if (rawNode) {`
276	`var s = rawNode.skew;`	278	`var s = rawNode.skew;`
277	`matrix.xx = s.matrix.xtox;`	279	`matrix.xx = s.matrix.xtox;`
278	`matrix.xy = s.matrix.ytox;`	280	`matrix.xy = s.matrix.ytox;`
279	`matrix.yx = s.matrix.xtoy;`	281	`matrix.yx = s.matrix.xtoy;`
280	`matrix.yy = s.matrix.ytoy;`	282	`matrix.yy = s.matrix.ytoy;`
281	`matrix.dx = dojo.gfx.vml.pt2px(s.offset.x);`	283	`matrix.dx = dojo.gfx.vml.pt2px(s.offset.x);`
282	`matrix.dy = dojo.gfx.vml.pt2px(s.offset.y);`	284	`matrix.dy = dojo.gfx.vml.pt2px(s.offset.y);`
283	`}`	285	`}`
284	`return dojo.gfx.matrix.normalize(matrix);`	286	`return dojo.gfx.matrix.normalize(matrix);`
285	`}, attach:function (rawNode) {`	287	`}, attach:function (rawNode) {`
286	`if (rawNode) {`	288	`if (rawNode) {`
287	`this.rawNode = rawNode;`	289	`this.rawNode = rawNode;`
288	`this.shape = this.attachShape(rawNode);`	290	`this.shape = this.attachShape(rawNode);`
289	`this.fillStyle = this.attachFill(rawNode);`	291	`this.fillStyle = this.attachFill(rawNode);`
290	`this.strokeStyle = this.attachStroke(rawNode);`	292	`this.strokeStyle = this.attachStroke(rawNode);`
291	`this.matrix = this.attachTransform(rawNode);`	293	`this.matrix = this.attachTransform(rawNode);`
292	`}`	294	`}`
293	`}});`	295	`}});`
294	`dojo.declare("dojo.gfx.Group", dojo.gfx.shape.VirtualGroup, {add:function (shape) {`	296	`dojo.declare("dojo.gfx.Group", dojo.gfx.shape.VirtualGroup, {add:function (shape) {`
295	`if (this != shape.getParent()) {`	297	`if (this != shape.getParent()) {`
296	`this.rawNode.appendChild(shape.rawNode);`	298	`this.rawNode.appendChild(shape.rawNode);`
297	`dojo.gfx.Group.superclass.add.apply(this, arguments);`	299	`dojo.gfx.Group.superclass.add.apply(this, arguments);`
298	`}`	300	`}`
299	`return this;`	301	`return this;`
300	`}, remove:function (shape, silently) {`	302	`}, remove:function (shape, silently) {`
301	`if (this == shape.getParent()) {`	303	`if (this == shape.getParent()) {`
302	`if (this.rawNode == shape.rawNode.parentNode) {`	304	`if (this.rawNode == shape.rawNode.parentNode) {`
303	`this.rawNode.removeChild(shape.rawNode);`	305	`this.rawNode.removeChild(shape.rawNode);`
304	`}`	306	`}`
305	`dojo.gfx.Group.superclass.remove.apply(this, arguments);`	307	`dojo.gfx.Group.superclass.remove.apply(this, arguments);`
306	`}`	308	`}`
307	`return this;`	309	`return this;`
308	`}, attach:function (rawNode) {`	310	`}, attach:function (rawNode) {`
309	`if (rawNode) {`	311	`if (rawNode) {`
310	`this.rawNode = rawNode;`	312	`this.rawNode = rawNode;`
311	`this.shape = null;`	313	`this.shape = null;`
312	`this.fillStyle = null;`	314	`this.fillStyle = null;`
313	`this.strokeStyle = null;`	315	`this.strokeStyle = null;`
314	`this.matrix = null;`	316	`this.matrix = null;`
315	`}`	317	`}`
316	`}});`	318	`}});`
317	`dojo.gfx.Group.nodeType = "group";`	319	`dojo.gfx.Group.nodeType = "group";`
318	`var zIndex = {moveToFront:function () {`	320	`var zIndex = {moveToFront:function () {`
319	`this.rawNode.parentNode.appendChild(this.rawNode);`	321	`this.rawNode.parentNode.appendChild(this.rawNode);`
320	`return this;`	322	`return this;`
321	`}, moveToBack:function () {`	323	`}, moveToBack:function () {`
322	`this.rawNode.parentNode.insertBefore(this.rawNode, this.rawNode.parentNode.firstChild);`	324	`this.rawNode.parentNode.insertBefore(this.rawNode, this.rawNode.parentNode.firstChild);`
323	`return this;`	325	`return this;`
324	`}};`	326	`}};`
325	`dojo.lang.extend(dojo.gfx.Shape, zIndex);`	327	`dojo.lang.extend(dojo.gfx.Shape, zIndex);`
326	`dojo.lang.extend(dojo.gfx.Group, zIndex);`	328	`dojo.lang.extend(dojo.gfx.Group, zIndex);`
327	`delete zIndex;`	329	`delete zIndex;`
328	`dojo.declare("dojo.gfx.Rect", dojo.gfx.shape.Rect, {attachShape:function (rawNode) {`	330	`dojo.declare("dojo.gfx.Rect", dojo.gfx.shape.Rect, {attachShape:function (rawNode) {`
329	`var arcsize = rawNode.outerHTML.match(/arcsize = \"(\d*\.?\d+[%f]?)\"/)[1];`	331	`var arcsize = rawNode.outerHTML.match(/arcsize = \"(\d*\.?\d+[%f]?)\"/)[1];`
330	`arcsize = (arcsize.indexOf("%") >= 0) ? parseFloat(arcsize) / 100 : dojo.gfx.vml._parseFloat(arcsize);`	332	`arcsize = (arcsize.indexOf("%") >= 0) ? parseFloat(arcsize) / 100 : dojo.gfx.vml._parseFloat(arcsize);`
331	`var style = rawNode.style;`	333	`var style = rawNode.style;`
332	`var width = parseFloat(style.width);`	334	`var width = parseFloat(style.width);`
333	`var height = parseFloat(style.height);`	335	`var height = parseFloat(style.height);`
334	`var o = dojo.gfx.makeParameters(dojo.gfx.defaultRect, {x:parseInt(style.left), y:parseInt(style.top), width:width, height:height, r:Math.min(width, height) * arcsize});`	336	`var o = dojo.gfx.makeParameters(dojo.gfx.defaultRect, {x:parseInt(style.left), y:parseInt(style.top), width:width, height:height, r:Math.min(width, height) * arcsize});`
335	`return o;`	337	`return o;`
336	`}, setShape:function (newShape) {`	338	`}, setShape:function (newShape) {`
337	`var shape = this.shape = dojo.gfx.makeParameters(this.shape, newShape);`	339	`var shape = this.shape = dojo.gfx.makeParameters(this.shape, newShape);`
338	`this.bbox = null;`	340	`this.bbox = null;`
339	`var style = this.rawNode.style;`	341	`var style = this.rawNode.style;`
340	`style.left = shape.x.toFixed();`	342	`style.left = shape.x.toFixed();`
341	`style.top = shape.y.toFixed();`	343	`style.top = shape.y.toFixed();`
342	`style.width = (typeof (shape.width) == "string" && shape.width.indexOf("%") >= 0) ? shape.width : shape.width.toFixed();`	344	`style.width = (typeof (shape.width) == "string" && shape.width.indexOf("%") >= 0) ? shape.width : shape.width.toFixed();`
343	`style.height = (typeof (shape.width) == "string" && shape.height.indexOf("%") >= 0) ? shape.height : shape.height.toFixed();`	345	`style.height = (typeof (shape.width) == "string" && shape.height.indexOf("%") >= 0) ? shape.height : shape.height.toFixed();`
344	`var r = Math.min(1, (shape.r / Math.min(parseFloat(shape.width), parseFloat(shape.height)))).toFixed(8);`	346	`var r = Math.min(1, (shape.r / Math.min(parseFloat(shape.width), parseFloat(shape.height)))).toFixed(8);`
345	`var parent = this.rawNode.parentNode;`	347	`var parent = this.rawNode.parentNode;`
346	`var before = null;`	348	`var before = null;`
347	`if (parent) {`	349	`if (parent) {`
348	`if (parent.lastChild != this.rawNode) {`	350	`if (parent.lastChild != this.rawNode) {`
349	`for (var i = 0; i < parent.childNodes.length; ++i) {`	351	`for (var i = 0; i < parent.childNodes.length; ++i) {`
350	`if (parent.childNodes[i] == this.rawNode) {`	352	`if (parent.childNodes[i] == this.rawNode) {`
351	`before = parent.childNodes[i + 1];`	353	`before = parent.childNodes[i + 1];`
352	`break;`	354	`break;`
353	`}`	355	`}`
354	`}`	356	`}`
355	`}`	357	`}`
356	`parent.removeChild(this.rawNode);`	358	`parent.removeChild(this.rawNode);`
357	`}`	359	`}`
358	`this.rawNode.arcsize = r;`	360	`this.rawNode.arcsize = r;`
359	`if (parent) {`	361	`if (parent) {`
360	`if (before) {`	362	`if (before) {`
361	`parent.insertBefore(this.rawNode, before);`	363	`parent.insertBefore(this.rawNode, before);`
362	`} else {`	364	`} else {`
363	`parent.appendChild(this.rawNode);`	365	`parent.appendChild(this.rawNode);`
364	`}`	366	`}`
365	`}`	367	`}`
366	`return this.setTransform(this.matrix);`	368	`return this.setTransform(this.matrix);`
367	`}});`	369	`}});`
368	`dojo.gfx.Rect.nodeType = "roundrect";`	370	`dojo.gfx.Rect.nodeType = "roundrect";`
369	`dojo.declare("dojo.gfx.Ellipse", dojo.gfx.shape.Ellipse, {attachShape:function (rawNode) {`	371	`dojo.declare("dojo.gfx.Ellipse", dojo.gfx.shape.Ellipse, {attachShape:function (rawNode) {`
370	`var style = this.rawNode.style;`	372	`var style = this.rawNode.style;`
371	`var rx = parseInt(style.width) / 2;`	373	`var rx = parseInt(style.width) / 2;`
372	`var ry = parseInt(style.height) / 2;`	374	`var ry = parseInt(style.height) / 2;`
373	`var o = dojo.gfx.makeParameters(dojo.gfx.defaultEllipse, {cx:parseInt(style.left) + rx, cy:parseInt(style.top) + ry, rx:rx, ry:ry});`	375	`var o = dojo.gfx.makeParameters(dojo.gfx.defaultEllipse, {cx:parseInt(style.left) + rx, cy:parseInt(style.top) + ry, rx:rx, ry:ry});`
374	`return o;`	376	`return o;`
375	`}, setShape:function (newShape) {`	377	`}, setShape:function (newShape) {`
376	`var shape = this.shape = dojo.gfx.makeParameters(this.shape, newShape);`	378	`var shape = this.shape = dojo.gfx.makeParameters(this.shape, newShape);`
377	`this.bbox = null;`	379	`this.bbox = null;`
378	`var style = this.rawNode.style;`	380	`var style = this.rawNode.style;`
379	`style.left = (shape.cx - shape.rx).toFixed();`	381	`style.left = (shape.cx - shape.rx).toFixed();`
380	`style.top = (shape.cy - shape.ry).toFixed();`	382	`style.top = (shape.cy - shape.ry).toFixed();`
381	`style.width = (shape.rx * 2).toFixed();`	383	`style.width = (shape.rx * 2).toFixed();`
382	`style.height = (shape.ry * 2).toFixed();`	384	`style.height = (shape.ry * 2).toFixed();`
383	`return this.setTransform(this.matrix);`	385	`return this.setTransform(this.matrix);`
384	`}});`	386	`}});`
385	`dojo.gfx.Ellipse.nodeType = "oval";`	387	`dojo.gfx.Ellipse.nodeType = "oval";`
386	`dojo.declare("dojo.gfx.Circle", dojo.gfx.shape.Circle, {attachShape:function (rawNode) {`	388	`dojo.declare("dojo.gfx.Circle", dojo.gfx.shape.Circle, {attachShape:function (rawNode) {`
387	`var style = this.rawNode.style;`	389	`var style = this.rawNode.style;`
388	`var r = parseInt(style.width) / 2;`	390	`var r = parseInt(style.width) / 2;`
389	`var o = dojo.gfx.makeParameters(dojo.gfx.defaultCircle, {cx:parseInt(style.left) + r, cy:parseInt(style.top) + r, r:r});`	391	`var o = dojo.gfx.makeParameters(dojo.gfx.defaultCircle, {cx:parseInt(style.left) + r, cy:parseInt(style.top) + r, r:r});`
390	`return o;`	392	`return o;`
391	`}, setShape:function (newShape) {`	393	`}, setShape:function (newShape) {`
392	`var shape = this.shape = dojo.gfx.makeParameters(this.shape, newShape);`	394	`var shape = this.shape = dojo.gfx.makeParameters(this.shape, newShape);`
393	`this.bbox = null;`	395	`this.bbox = null;`
394	`var style = this.rawNode.style;`	396	`var style = this.rawNode.style;`
395	`style.left = (shape.cx - shape.r).toFixed();`	397	`style.left = (shape.cx - shape.r).toFixed();`
396	`style.top = (shape.cy - shape.r).toFixed();`	398	`style.top = (shape.cy - shape.r).toFixed();`
397	`style.width = (shape.r * 2).toFixed();`	399	`style.width = (shape.r * 2).toFixed();`
398	`style.height = (shape.r * 2).toFixed();`	400	`style.height = (shape.r * 2).toFixed();`
399	`return this;`	401	`return this;`
400	`}});`	402	`}});`
401	`dojo.gfx.Circle.nodeType = "oval";`	403	`dojo.gfx.Circle.nodeType = "oval";`
402	`dojo.declare("dojo.gfx.Line", dojo.gfx.shape.Line, function (rawNode) {`	404	`dojo.declare("dojo.gfx.Line", dojo.gfx.shape.Line, function (rawNode) {`
403	`if (rawNode) {`	405	`if (rawNode) {`
404	`rawNode.setAttribute("dojoGfxType", "line");`	406	`rawNode.setAttribute("dojoGfxType", "line");`
405	`}`	407	`}`
406	`}, {attachShape:function (rawNode) {`	408	`}, {attachShape:function (rawNode) {`
407	`var p = rawNode.path.v.match(dojo.gfx.pathRegExp);`	409	`var p = rawNode.path.v.match(dojo.gfx.pathRegExp);`
408	`var shape = {};`	410	`var shape = {};`
409	`do {`	411	`do {`
410	`if (p.length < 7 \|\| p[0] != "m" \|\| p[3] != "l" \|\| p[6] != "e") {`	412	`if (p.length < 7 \|\| p[0] != "m" \|\| p[3] != "l" \|\| p[6] != "e") {`
411	`break;`	413	`break;`
412	`}`	414	`}`
413	`shape.x1 = parseInt(p[1]);`	415	`shape.x1 = parseInt(p[1]);`
414	`shape.y1 = parseInt(p[2]);`	416	`shape.y1 = parseInt(p[2]);`
415	`shape.x2 = parseInt(p[4]);`	417	`shape.x2 = parseInt(p[4]);`
416	`shape.y2 = parseInt(p[5]);`	418	`shape.y2 = parseInt(p[5]);`
417	`} while (false);`	419	`} while (false);`
418	`return dojo.gfx.makeParameters(dojo.gfx.defaultLine, shape);`	420	`return dojo.gfx.makeParameters(dojo.gfx.defaultLine, shape);`
419	`}, setShape:function (newShape) {`	421	`}, setShape:function (newShape) {`
420	`var shape = this.shape = dojo.gfx.makeParameters(this.shape, newShape);`	422	`var shape = this.shape = dojo.gfx.makeParameters(this.shape, newShape);`
421	`this.bbox = null;`	423	`this.bbox = null;`
422	`this.rawNode.path.v = "m" + shape.x1.toFixed() + " " + shape.y1.toFixed() + "l" + shape.x2.toFixed() + " " + shape.y2.toFixed() + "e";`	424	`this.rawNode.path.v = "m" + shape.x1.toFixed() + " " + shape.y1.toFixed() + "l" + shape.x2.toFixed() + " " + shape.y2.toFixed() + "e";`
423	`return this.setTransform(this.matrix);`	425	`return this.setTransform(this.matrix);`
424	`}});`	426	`}});`
425	`dojo.gfx.Line.nodeType = "shape";`	427	`dojo.gfx.Line.nodeType = "shape";`
426	`dojo.declare("dojo.gfx.Polyline", dojo.gfx.shape.Polyline, function (rawNode) {`	428	`dojo.declare("dojo.gfx.Polyline", dojo.gfx.shape.Polyline, function (rawNode) {`
427	`if (rawNode) {`	429	`if (rawNode) {`
428	`rawNode.setAttribute("dojoGfxType", "polyline");`	430	`rawNode.setAttribute("dojoGfxType", "polyline");`
429	`}`	431	`}`
430	`}, {attachShape:function (rawNode) {`	432	`}, {attachShape:function (rawNode) {`
431	`var shape = dojo.lang.shallowCopy(dojo.gfx.defaultPolyline, true);`	433	`var shape = dojo.lang.shallowCopy(dojo.gfx.defaultPolyline, true);`
432	`var p = rawNode.path.v.match(dojo.gfx.pathRegExp);`	434	`var p = rawNode.path.v.match(dojo.gfx.pathRegExp);`
433	`do {`	435	`do {`
434	`if (p.length < 3 \|\| p[0] != "m") {`	436	`if (p.length < 3 \|\| p[0] != "m") {`
435	`break;`	437	`break;`
436	`}`	438	`}`
437	`var x = parseInt(p[0]);`	439	`var x = parseInt(p[0]);`
438	`var y = parseInt(p[1]);`	440	`var y = parseInt(p[1]);`
439	`if (isNaN(x) \|\| isNaN(y)) {`	441	`if (isNaN(x) \|\| isNaN(y)) {`
440	`break;`	442	`break;`
441	`}`	443	`}`
442	`shape.points.push({x:x, y:y});`	444	`shape.points.push({x:x, y:y});`
443	`if (p.length < 6 \|\| p[3] != "l") {`	445	`if (p.length < 6 \|\| p[3] != "l") {`
444	`break;`	446	`break;`
445	`}`	447	`}`
446	`for (var i = 4; i < p.length; i += 2) {`	448	`for (var i = 4; i < p.length; i += 2) {`
447	`x = parseInt(p[i]);`	449	`x = parseInt(p[i]);`
448	`y = parseInt(p[i + 1]);`	450	`y = parseInt(p[i + 1]);`
449	`if (isNaN(x) \|\| isNaN(y)) {`	451	`if (isNaN(x) \|\| isNaN(y)) {`
450	`break;`	452	`break;`
451	`}`	453	`}`
452	`shape.points.push({x:x, y:y});`	454	`shape.points.push({x:x, y:y});`
453	`}`	455	`}`
454	`} while (false);`	456	`} while (false);`
455	`return shape;`	457	`return shape;`
456	`}, setShape:function (points, closed) {`	458	`}, setShape:function (points, closed) {`
457	`if (points && points instanceof Array) {`	459	`if (points && points instanceof Array) {`
458	`this.shape = dojo.gfx.makeParameters(this.shape, {points:points});`	460	`this.shape = dojo.gfx.makeParameters(this.shape, {points:points});`
459	`if (closed && this.shape.points.length) {`	461	`if (closed && this.shape.points.length) {`
460	`this.shape.points.push(this.shape.points[0]);`	462	`this.shape.points.push(this.shape.points[0]);`
461	`}`	463	`}`
462	`} else {`	464	`} else {`
463	`this.shape = dojo.gfx.makeParameters(this.shape, points);`	465	`this.shape = dojo.gfx.makeParameters(this.shape, points);`
464	`}`	466	`}`
465	`this.bbox = null;`	467	`this.bbox = null;`
466	`var attr = [];`	468	`var attr = [];`
467	`var p = this.shape.points;`	469	`var p = this.shape.points;`
468	`if (p.length > 0) {`	470	`if (p.length > 0) {`
469	`attr.push("m");`	471	`attr.push("m");`
470	`attr.push(p[0].x.toFixed());`	472	`attr.push(p[0].x.toFixed());`
471	`attr.push(p[0].y.toFixed());`	473	`attr.push(p[0].y.toFixed());`
472	`if (p.length > 1) {`	474	`if (p.length > 1) {`
473	`attr.push("l");`	475	`attr.push("l");`
474	`for (var i = 1; i < p.length; ++i) {`	476	`for (var i = 1; i < p.length; ++i) {`
475	`attr.push(p[i].x.toFixed());`	477	`attr.push(p[i].x.toFixed());`
476	`attr.push(p[i].y.toFixed());`	478	`attr.push(p[i].y.toFixed());`
477	`}`	479	`}`
478	`}`	480	`}`
479	`}`	481	`}`
480	`attr.push("e");`	482	`attr.push("e");`
481	`this.rawNode.path.v = attr.join(" ");`	483	`this.rawNode.path.v = attr.join(" ");`
482	`return this.setTransform(this.matrix);`	484	`return this.setTransform(this.matrix);`
483	`}});`	485	`}});`
484	`dojo.gfx.Polyline.nodeType = "shape";`	486	`dojo.gfx.Polyline.nodeType = "shape";`
485	`dojo.declare("dojo.gfx.Image", dojo.gfx.shape.Image, {getEventSource:function () {`	487	`dojo.declare("dojo.gfx.Image", dojo.gfx.shape.Image, {getEventSource:function () {`
486	`return this.rawNode ? this.rawNode.firstChild : null;`	488	`return this.rawNode ? this.rawNode.firstChild : null;`
487	`}, attachShape:function (rawNode) {`	489	`}, attachShape:function (rawNode) {`
488	`var shape = dojo.lang.shallowCopy(dojo.gfx.defaultImage, true);`	490	`var shape = dojo.lang.shallowCopy(dojo.gfx.defaultImage, true);`
489	`shape.src = rawNode.firstChild.src;`	491	`shape.src = rawNode.firstChild.src;`
490	`return shape;`	492	`return shape;`
491	`}, setShape:function (newShape) {`	493	`}, setShape:function (newShape) {`
492	`var shape = this.shape = dojo.gfx.makeParameters(this.shape, newShape);`	494	`var shape = this.shape = dojo.gfx.makeParameters(this.shape, newShape);`
493	`this.bbox = null;`	495	`this.bbox = null;`
494	`var firstChild = this.rawNode.firstChild;`	496	`var firstChild = this.rawNode.firstChild;`
495	`firstChild.src = shape.src;`	497	`firstChild.src = shape.src;`
496	`if (shape.width \|\| shape.height) {`	498	`if (shape.width \|\| shape.height) {`
497	`firstChild.style.width = shape.width;`	499	`firstChild.style.width = shape.width;`
498	`firstChild.style.height = shape.height;`	500	`firstChild.style.height = shape.height;`

Subversion Repositories Applications.papyrus

(root)/trunk/api/js/dojo/src/gfx/vml.js – Rev 1318 → 1422