method_draw 0.0.1

data/vendor/assets/javascripts/method-draw-js/extensions/ext-server_moinsave.js

@@ -0,0 +1,56 @@
+/*
+ * ext-server_moinsave.js
+ *
+ * Licensed under the Apache License, Version 2
+ *
+ * Copyright(c) 2010 Alexis Deveria
+ *              2011 MoinMoin:ReimarBauer
+ *                   adopted for moinmoins item storage. it sends in one post png and svg data
+ *                   (I agree to dual license my work to additional GPLv2 or later)
+ *
+ */
+
+methodDraw.addExtension("server_opensave", {
+	callback: function() {
+
+		var save_svg_action = '/+modify';
+		
+		// Create upload target (hidden iframe)
+		var target = $('<iframe name="output_frame" src="#"/>').hide().appendTo('body');
+	
+		methodDraw.setCustomHandlers({
+			save: function(win, data) {
+				var svg = "<?xml version=\"1.0\"?>\n" + data;
+				var qstr = $.param.querystring();
+				var name = qstr.substr(9).split('/+get/')[1];
+				var svg_data = svgedit.utilities.encode64(svg);
+				if(!$('#export_canvas').length) {
+					$('<canvas>', {id: 'export_canvas'}).hide().appendTo('body');
+				}
+				var c = $('#export_canvas')[0];
+				c.width = svgCanvas.contentW;
+				c.height = svgCanvas.contentH;
+				$.getScript('canvg/canvg.js', function() {
+				canvg(c, svg, {renderCallback: function() {
+					var datauri = c.toDataURL('image/png');
+					var uiStrings = methodDraw.uiStrings;
+					var png_data = svgedit.utilities.encode64(datauri);
+					var form = $('<form>').attr({
+					method: 'post',
+					action: save_svg_action + '/' + name,
+					target: 'output_frame'
+				})	.append('<input type="hidden" name="png_data" value="' + png_data + '">')
+					.append('<input type="hidden" name="filepath" value="' + svg_data + '">')
+					.append('<input type="hidden" name="filename" value="' + 'drawing.svg">')
+					.append('<input type="hidden" name="contenttype" value="application/x-svgdraw">')
+					.appendTo('body')
+					.submit().remove();
+					}})});
+				alert("Saved! Return to Item View!");
+				top.window.location = '/'+name;
+			},
+		});
+	
+	}
+});
+

data/vendor/assets/javascripts/method-draw-js/extensions/ext-server_opensave.js

@@ -0,0 +1,180 @@
+/*
+ * ext-server_opensave.js
+ *
+ * Licensed under the Apache License, Version 2
+ *
+ * Copyright(c) 2010 Alexis Deveria
+ *
+ */
+
+methodDraw.addExtension("server_opensave", {
+	callback: function() {
+
+		//var save_svg_action = 'extensions/filesave.php';
+		//var save_png_action = 'extensions/filesave.php';
+	
+		// Create upload target (hidden iframe)
+		var target = $('<iframe name="output_frame" />').hide().appendTo('body');
+	
+		//methodDraw.setCustomHandlers({
+		//	save: function(win, data) {
+		//		var svg = "<?xml version=\"1.0\"?>\n" + data;
+		//		
+		//		var title = svgCanvas.getDocumentTitle();
+		//		var filename = title.replace(/[^a-z0-9\.\_\-]+/gi, '_');
+		//		
+		//		var form = $('<form>').attr({
+		//			method: 'post',
+		//			action: save_svg_action,
+		//			target: 'output_frame'
+		//		})	.append('<input type="hidden" name="output_svg" value="' + encodeURI(svg) + '">')
+		//			.append('<input type="hidden" name="filename" value="' + filename + '">')
+		//			.appendTo('body')
+		//			.submit().remove();
+		//	},
+		//	pngsave: function(win, data) {
+		//		var issues = data.issues;
+		//		
+		//		if(!$('#export_canvas').length) {
+		//			$('<canvas>', {id: 'export_canvas'}).hide().appendTo('body');
+		//		}
+		//		var c = $('#export_canvas')[0];
+		//		
+		//		c.width = svgCanvas.contentW;
+		//		c.height = svgCanvas.contentH;
+		//		canvg(c, data.svg, {renderCallback: function() {
+		//			var datauri = c.toDataURL('image/png');
+		//			
+		//			var uiStrings = methodDraw.uiStrings;
+		//			var note = '';
+		//			
+		//			// Check if there's issues
+		//			if(issues.length) {
+		//				var pre = "\n \u2022 ";
+		//				note += ("\n\n" + pre + issues.join(pre));
+		//			} 
+		//			
+		//			if(note.length) {
+		//				alert(note);
+		//			}
+		//			
+		//			var title = svgCanvas.getDocumentTitle();
+		//			var filename = title.replace(/[^a-z0-9\.\_\-]+/gi, '_');
+		//			
+		//			var form = $('<form>').attr({
+		//				method: 'post',
+		//				action: save_png_action,
+		//				target: 'output_frame'
+		//			})	.append('<input type="hidden" name="output_png" value="' + datauri + '">')
+		//				.append('<input type="hidden" name="filename" value="' + filename + '">')
+		//				.appendTo('body')
+		//				.submit().remove();
+		//		}});
+	  //
+		//		
+		//	}
+		//});
+	
+		// Do nothing if client support is found
+		if(window.FileReader) return;
+		
+		var cancelled = false;
+	
+		// Change these to appropriate script file
+		var open_svg_action = 'extensions/fileopen.php?type=load_svg';
+		var import_svg_action = 'extensions/fileopen.php?type=import_svg';
+		var import_img_action = 'extensions/fileopen.php?type=import_img';
+		
+		// Set up function for PHP uploader to use
+		methodDraw.processFile = function(str64, type) {
+			if(cancelled) {
+				cancelled = false;
+				return;
+			}
+		
+			$('#dialog_box').hide();
+		
+			if(type != 'import_img') {
+				var xmlstr = svgCanvas.Utils.decode64(str64);
+			}
+			
+			switch ( type ) {
+				case 'load_svg':
+					svgCanvas.clear();
+					svgCanvas.setSvgString(xmlstr);
+					methodDraw.updateCanvas();
+					break;
+				case 'import_svg':
+					svgCanvas.importSvgString(xmlstr);
+					methodDraw.updateCanvas();					
+					break;
+				case 'import_img':
+					svgCanvas.setGoodImage(str64);
+					break;
+			}
+		}
+	
+		// Create upload form
+		var open_svg_form = $('<form>');
+		open_svg_form.attr({
+			enctype: 'multipart/form-data',
+			method: 'post',
+			action: open_svg_action,
+			target: 'output_frame'
+		});
+		
+		// Create import form
+		var import_svg_form = open_svg_form.clone().attr('action', import_svg_action);
+		
+		// Create image form
+		var import_img_form = open_svg_form.clone().attr('action', import_img_action);
+		
+		// It appears necessory to rebuild this input every time a file is 
+		// selected so the same file can be picked and the change event can fire.
+		function rebuildInput(form) {
+			form.empty();
+			var inp = $('<input type="file" name="svg_file">').appendTo(form);
+			
+			
+			function submit() {
+				// This submits the form, which returns the file data using methodDraw.uploadSVG
+				form.submit();
+				
+				rebuildInput(form);
+				$.process_cancel("Uploading...", function() {
+					cancelled = true;
+					$('#dialog_box').hide();
+				});
+			}
+			
+			if(form[0] == open_svg_form[0]) {
+				inp.change(function() {
+					// This takes care of the "are you sure" dialog box
+					methodDraw.openPrep(function(ok) {
+						if(!ok) {
+							rebuildInput(form);
+							return;
+						}
+						submit();
+					});
+				});
+			} else {
+				inp.change(function() {
+					// This submits the form, which returns the file data using methodDraw.uploadSVG
+					submit();
+				});
+			}
+		}
+		
+		// Create the input elements
+		rebuildInput(open_svg_form);
+		rebuildInput(import_svg_form);
+		rebuildInput(import_img_form);
+
+		// Add forms to buttons
+		$("#tool_open").show().prepend(open_svg_form);
+		$("#tool_import").show().prepend(import_svg_form);
+		$("#tool_image").prepend(import_img_form);
+	}
+});
+

data/vendor/assets/javascripts/method-draw-js/extensions/ext-shapes.js

@@ -0,0 +1,358 @@
+/*
+ * ext-shapes.js
+ *
+ * Licensed under the Apache License, Version 2
+ *
+ * Copyright(c) 2010 Christian Tzurcanu
+ * Copyright(c) 2010 Alexis Deveria
+ *
+ */
+
+methodDraw.addExtension("shapes", function() {
+	
+
+	var current_d, cur_shape_id;
+	var canv = methodDraw.canvas;
+	var cur_shape;
+	var start_x, start_y;
+	var svgroot = canv.getRootElem();
+	var lastBBox = {};
+	
+	// This populates the category list
+	var categories = {
+		basic: 'Basic',
+		object: 'Objects',
+		symbol: 'Symbols',
+		arrow: 'Arrows',
+		flowchart: 'Flowchart',
+		nature: 'Nature',
+		game: 'Cards & Chess',
+		dialog_balloon: 'Dialog balloons',
+		music: 'Music',
+		weather: 'Weather & Time',
+		ui: 'User Interface',
+		social: 'Social Web'
+	};
+	
+	var library = {
+		'basic': {
+			data: {
+				"star_points_5": "m1,116.58409l113.82668,0l35.17332,-108.13487l35.17334,108.13487l113.82666,0l-92.08755,66.83026l35.17514,108.13487l-92.08759,-66.83208l-92.08757,66.83208l35.17515,-108.13487l-92.08758,-66.83026z",
+				'donut': 'm1,150l0,0c0,-82.29042 66.70958,-149 149,-149l0,0c39.51724,0 77.41599,15.69816 105.35889,43.64108c27.94293,27.94293 43.64111,65.84165 43.64111,105.35892l0,0c0,82.29041 -66.70958,149 -149,149l0,0c-82.29041,0 -149,-66.70959 -149,-149zm74.5,0l0,0c0,41.1452 33.35481,74.5 74.5,74.5c41.14522,0 74.5,-33.3548 74.5,-74.5c0,-41.1452 -33.3548,-74.5 -74.5,-74.5l0,0c-41.14519,0 -74.5,33.35481 -74.5,74.5z',
+				"triangle": "m1,280.375l149,-260.75l149,260.75z",
+				"right_triangle": "m1,299l0,-298l298,298z",
+				"diamond": "m1,150l149,-149l149,149l-149,149l-149,-149z",
+				"pentagon": "m1.00035,116.97758l148.99963,-108.4053l148.99998,108.4053l-56.91267,175.4042l-184.1741,0l-56.91284,-175.4042z",
+				"hexagon": "m1,149.99944l63.85715,-127.71428l170.28572,0l63.85713,127.71428l-63.85713,127.71428l-170.28572,0l-63.85715,-127.71428z",
+				"septagon1": "m0.99917,191.06511l29.51249,-127.7108l119.48833,-56.83673l119.48836,56.83673l29.51303,127.7108l-82.69087,102.41679l-132.62103,0l-82.69031,-102.41679z",
+				"heptagon": "m1,88.28171l87.28172,-87.28171l123.43653,0l87.28172,87.28171l0,123.43654l-87.28172,87.28172l-123.43653,0l-87.28172,-87.28172l0,-123.43654z",
+				"decagon": "m1,150.00093l28.45646,-88.40318l74.49956,-54.63682l92.08794,0l74.50002,54.63682l28.45599,88.40318l-28.45599,88.40318l-74.50002,54.63681l-92.08794,0l-74.49956,-54.63681l-28.45646,-88.40318z",
+				"dodecagon": "m1,110.07421l39.92579,-69.14842l69.14842,-39.92579l79.85159,0l69.14842,39.92579l39.92578,69.14842l0,79.85159l-39.92578,69.14842l-69.14842,39.92578l-79.85159,0l-69.14842,-39.92578l-39.92579,-69.14842l0,-79.85159z",
+				"trapezoid": "m1,299l55.875,-298l186.25001,0l55.87498,298z",
+				"dialog_balloon_1": "m0.99786,35.96579l0,0c0,-19.31077 15.28761,-34.96524 34.14583,-34.96524l15.52084,0l0,0l74.50001,0l139.68748,0c9.05606,0 17.74118,3.68382 24.14478,10.24108c6.40356,6.55726 10.00107,15.45081 10.00107,24.72416l0,87.41311l0,0l0,52.44785l0,0c0,19.31078 -15.2876,34.96524 -34.14584,34.96524l-139.68748,0l-97.32507,88.90848l22.82506,-88.90848l-15.52084,0c-18.85822,0 -34.14583,-15.65446 -34.14583,-34.96524l0,0l0,-52.44785l0,0z",
+				'heart': 'm150,73c61,-175 300,0 0,225c-300,-225 -61,-400 0,-225z',
+				"cylinder": "m299.0007,83.77844c0,18.28676 -66.70958,33.11111 -149.00002,33.11111m149.00002,-33.11111l0,0c0,18.28676 -66.70958,33.11111 -149.00002,33.11111c-82.29041,0 -148.99997,-14.82432 -148.99997,-33.11111m0,0l0,0c0,-18.28674 66.70956,-33.1111 148.99997,-33.1111c82.29044,0 149.00002,14.82436 149.00002,33.1111l0,132.44449c0,18.28674 -66.70958,33.11105 -149.00002,33.11105c-82.29041,0 -148.99997,-14.82431 -148.99997,-33.11105z",
+				"arrow_up": "m1.49805,149.64304l148.50121,-148.00241l148.50121,148.00241l-74.25061,0l0,148.71457l-148.5012,0l0,-148.71457z",
+				"arrow_u_turn": "m1.00059,299.00055l0,-167.62497l0,0c0,-72.00411 58.37087,-130.37499 130.375,-130.37499l0,0l0,0c34.57759,0 67.73898,13.7359 92.18906,38.18595c24.45006,24.45005 38.18593,57.61144 38.18593,92.18904l0,18.625l37.24997,0l-74.49995,74.50002l-74.50002,-74.50002l37.25,0l0,-18.625c0,-30.8589 -25.0161,-55.87498 -55.87498,-55.87498l0,0l0,0c-30.85892,0 -55.875,25.01608 -55.875,55.87498l0,167.62497z",
+				"arrow_left_up": "m0.99865,224.5l74.50004,-74.5l0,37.25l111.74991,0l0,-111.75l-37.25,0l74.5,-74.5l74.5,74.5l-37.25,0l0,186.25l-186.24989,0l0,37.25l-74.50005,-74.5z",
+				"plaque": "m-0.00197,49.94376l0,0c27.5829,0 49.94327,-22.36036 49.94327,-49.94327l199.76709,0l0,0c0,27.5829 22.36037,49.94327 49.94325,49.94327l0,199.7671l0,0c-27.58289,0 -49.94325,22.36034 -49.94325,49.94325l-199.76709,0c0,-27.58292 -22.36037,-49.94325 -49.94327,-49.94325z",
+				"page": "m249.3298,298.99744l9.9335,-39.73413l39.73413,-9.93355l-49.66763,49.66768l-248.33237,0l0,-298.00001l298.00001,0l0,248.33234",
+				"cross": "m0.99844,99.71339l98.71494,0l0,-98.71495l101.26279,0l0,98.71495l98.71495,0l0,101.2628l-98.71495,0l0,98.71494l-101.26279,0l0,-98.71494l-98.71494,0z",
+				"divide": "m150,0.99785l0,0c25.17819,0 45.58916,20.41097 45.58916,45.58916c0,25.17821 -20.41096,45.58916 -45.58916,45.58916c-25.17822,0 -45.58916,-20.41093 -45.58916,-45.58916c0,-25.1782 20.41093,-45.58916 45.58916,-45.58916zm0,296.25203c-25.17822,0 -45.58916,-20.41095 -45.58916,-45.58917c0,-25.17819 20.41093,-45.58916 45.58916,-45.58916c25.17819,0 45.58916,20.41096 45.58916,45.58916c0,25.17822 -20.41096,45.58917 -45.58916,45.58917zm-134.06754,-193.71518l268.13507,0l0,91.17833l-268.13507,0z",
+				"minus": "m0.99887,102.39503l297.49445,0l0,95.2112l-297.49445,0z",
+				"times": "m1.00089,73.36786l72.36697,-72.36697l76.87431,76.87368l76.87431,-76.87368l72.36765,72.36697l-76.87433,76.87431l76.87433,76.87431l-72.36765,72.36765l-76.87431,-76.87433l-76.87431,76.87433l-72.36697,-72.36765l76.87368,-76.87431l-76.87368,-76.87431z"
+				
+
+			},
+			buttons: []
+		}
+	};
+	
+	var cur_lib = library.basic;
+	
+	var mode_id = 'shapelib';
+	
+	function loadIcons() {
+		$('#shape_buttons').empty();
+		
+		// Show lib ones
+		$('#shape_buttons').append(cur_lib.buttons);
+	}
+	
+	function loadLibrary(cat_id) {
+	
+		var lib = library[cat_id];
+		
+		if(!lib) {
+			$('#shape_buttons').html('Loading...');
+			$.getJSON('extensions/shapelib/' + cat_id + '.json', function(result, textStatus) {
+				cur_lib = library[cat_id] = {
+					data: result.data,
+					size: result.size,
+					fill: result.fill
+				}
+				makeButtons(cat_id, result);
+				loadIcons();
+			});
+			return;
+		}
+		
+		cur_lib = lib;
+		if(!lib.buttons.length)	makeButtons(cat_id, lib);
+		loadIcons();
+	}
+	
+	function makeButtons(cat, shapes) {
+		var size = cur_lib.size || 300;
+		var fill = cur_lib.fill || false;
+		var off = size * .05;
+		var vb = [-off, -off, size + off*2, size + off*2].join(' ');
+		var stroke = fill ? 0: (size/30);
+		
+		var shape_icon = new DOMParser().parseFromString(
+			'<svg xmlns="http://www.w3.org/2000/svg"><svg viewBox="' + vb + '"><path fill="#333" stroke="transparent" stroke-width="' + stroke + '" /><\/svg><\/svg>',
+			'text/xml');
+
+		var width = 40;
+		var height = 40;
+		shape_icon.documentElement.setAttribute('width', width);
+		shape_icon.documentElement.setAttribute('height', height);
+		var svg_elem = $(document.importNode(shape_icon.documentElement,true));
+	
+		var data = shapes.data;
+		
+		cur_lib.buttons = [];
+	
+		for(var id in data) {
+			var path_d = data[id];
+			var icon = svg_elem.clone();
+			icon.find('path').attr('d', path_d);
+			
+			var icon_btn = icon.wrap('<div class="tool_button">').parent().attr({
+				id: mode_id + '_' + id,
+				title: id
+			});
+			
+			
+			// Store for later use
+			cur_lib.buttons.push(icon_btn[0]);
+		}
+		
+	}
+
+	
+	return {
+		svgicons: "extensions/ext-shapes.xml",
+		buttons: [{
+			id: "tool_shapelib",
+			type: "mode_flyout", // _flyout
+			position: 6,
+			title: "Shape library",
+			icon: "extensions/ext-shapes.png",
+			events: {
+				"click": function() {
+					canv.setMode(mode_id);
+				}
+			}
+		}],
+		callback: function() {
+
+		
+			var btn_div = $('<div id="shape_buttons">');
+			$('#tools_shapelib > *').wrapAll(btn_div);
+			
+			var shower = $('#tools_shapelib_show');
+
+			
+			loadLibrary('basic');
+			
+			// Do mouseup on parent element rather than each button
+			$('#shape_buttons').mouseup(function(evt) {
+				var btn = $(evt.target).closest('div.tool_button');
+				
+				if(!btn.length) return;
+				
+   			var copy = btn.children().clone().attr({width: 24, height: 24});
+   			shower.children(':not(.flyout_arrow_horiz)').remove();
+   			shower
+   				.append(copy)
+   				.attr('data-curopt', '#' + btn[0].id) // This sets the current mode
+   				.mouseup();
+   			canv.setMode(mode_id);
+				
+				cur_shape_id = btn[0].id.substr((mode_id+'_').length);
+				current_d = cur_lib.data[cur_shape_id];
+				
+				$('.tools_flyout').fadeOut();
+
+			});
+
+// 			
+			var shape_cats = $('<div id="shape_cats">');
+			var cat_str = '';
+			
+			$.each(categories, function(id, label) {
+				cat_str += '<div data-cat=' + id + '>' + label + '</div>';
+			});
+			
+			shape_cats.html(cat_str).children().bind('mouseup', function() {
+				var catlink = $(this);
+				catlink.siblings().removeClass('current');
+				catlink.addClass('current');
+				
+				loadLibrary(catlink.attr('data-cat'));
+				// Get stuff
+				
+				return false;
+			});
+			
+			shape_cats.children().eq(0).addClass('current');
+			
+			$('#tools_shapelib').prepend(shape_cats);
+
+			shower.mouseup(function() {
+				canv.setMode(current_d ? mode_id : 'select');
+			});
+
+			
+			$('#tool_shapelib').remove();
+			
+			var h = $('#tools_shapelib').height();
+			$('#tools_shapelib').css({
+				'margin-top': -(h/2),
+				'margin-left': 3
+			});
+
+	
+		},
+		mouseDown: function(opts) {
+			var mode = canv.getMode();
+			if(mode !== mode_id) return;
+			
+			var e = opts.event;
+			var x = start_x = opts.start_x;
+			var y = start_y = opts.start_y;
+			var cur_style = canv.getStyle();
+			cur_shape = canv.addSvgElementFromJson({
+				"element": "path",
+				"curStyles": true,
+				"attr": {
+					"d": current_d,
+					"id": canv.getNextId(),
+					"opacity": cur_style.opacity / 2,
+					"style": "pointer-events:none"
+				}
+			});
+      cur_shape.setAttribute("d", current_d);
+			// Make sure shape uses absolute values
+			if(/[a-z]/.test(current_d)) {
+				current_d = cur_lib.data[cur_shape_id] = canv.pathActions.convertPath(cur_shape);
+				cur_shape.setAttribute('d', current_d);
+				canv.pathActions.fixEnd(cur_shape);
+			}
+	    
+			cur_shape.setAttribute('transform', "translate(" + x + "," + y + ") scale(0.005) translate(" + -x + "," + -y + ")");			
+// 			console.time('b');
+			canv.recalculateDimensions(cur_shape);
+			var tlist = canv.getTransformList(cur_shape);
+			lastBBox = cur_shape.getBBox();
+			totalScale = {
+			  sx: 1,
+			  sy: 1
+			};
+			return {
+				started: true
+			}
+			// current_d
+		},
+		mouseMove: function(opts) {
+			var mode = canv.getMode();
+			if(mode !== mode_id) return;
+			
+			var zoom = canv.getZoom();
+			var evt = opts.event
+			
+			var x = opts.mouse_x/zoom;
+			var y = opts.mouse_y/zoom;
+			
+			var tlist = canv.getTransformList(cur_shape),
+				box = cur_shape.getBBox(), 
+				left = box.x, top = box.y, width = box.width,
+				height = box.height;
+			var dx = (x-start_x), dy = (y-start_y);
+
+			var newbox = {
+				'x': Math.min(start_x,x),
+				'y': Math.min(start_y,y),
+				'width': Math.abs(x-start_x),
+				'height': Math.abs(y-start_y)
+			};
+
+			var ts = null,
+				tx = 0, ty = 0,
+				sy = height ? (height+dy)/height : 1, 
+				sx = width ? (width+dx)/width : 1;
+
+			var sx = newbox.width / lastBBox.width;
+			var sy = newbox.height / lastBBox.height;
+			
+			sx = sx || 1;
+			sy = sy || 1;
+			
+			// Not perfect, but mostly works...
+			
+			if(x < start_x) {
+				tx = lastBBox.width;
+			}
+			if(y < start_y) ty = lastBBox.height;
+			
+			// update the transform list with translate,scale,translate
+			var translateOrigin = svgroot.createSVGTransform(),
+				scale = svgroot.createSVGTransform(),
+				translateBack = svgroot.createSVGTransform();
+				
+			translateOrigin.setTranslate(-(left+tx), -(top+ty));
+			if(evt.shiftKey) {
+			  replaced = true
+				var max = Math.min(Math.abs(sx), Math.abs(sy));
+				sx = max * (sx < 0 ? -1 : 1);
+				sy = max * (sy < 0 ? -1 : 1);
+				if (totalScale.sx != totalScale.sy) {
+  				var multiplierX = (totalScale.sx > totalScale.sy) ? 1 : totalScale.sx/totalScale.sy;
+  				var multiplierY = (totalScale.sy > totalScale.sx) ? 1 : totalScale.sy/totalScale.sx;
+  				sx *= multiplierY
+  				sy *= multiplierX
+				}
+			}
+			totalScale.sx *= sx;
+		  totalScale.sy *= sy;
+		  scale.setScale(sx,sy);
+			translateBack.setTranslate(left+tx, top+ty);
+			var N = tlist.numberOfItems;
+			tlist.appendItem(translateBack);
+			tlist.appendItem(scale);
+			tlist.appendItem(translateOrigin);
+
+			canv.recalculateDimensions(cur_shape);
+			lastBBox = cur_shape.getBBox();
+		},
+		mouseUp: function(opts) {
+			var mode = canv.getMode();
+			if(mode !== mode_id) return;
+			
+			if(opts.mouse_x == start_x && opts.mouse_y == start_y) {
+				return {
+					keep: false,
+					element: cur_shape,
+					started: false
+				}
+			}
+			canv.setMode("select")
+			return {
+				keep: true,
+				element: cur_shape,
+				started: false
+			}
+		}		
+	}
+});