From 04a1727082d4c3243ff7f1bdfd1055290dbb5838 Mon Sep 17 00:00:00 2001
From: Jacques Distler <distler@golem.ph.utexas.edu>
Date: Tue, 11 May 2010 00:38:21 -0500
Subject: [PATCH] Select Saved SVG

When closing SVG-Edit, make the saved
svg selected.

Also, some SVG-Edit updates.
---
 public/javascripts/page_helper.js             |   14 +
 public/svg-edit/AUTHORS                       |    2 +-
 public/svg-edit/editor/canvg/canvg.js         | 3384 +++++++++--------
 public/svg-edit/editor/canvg/rgbcolor.js      |  575 ++-
 .../editor/jgraduate/css/jgraduate.css        |    4 +
 public/svg-edit/editor/locale/README.txt      |    2 +-
 public/svg-edit/editor/locale/lang.af.js      |   45 +-
 public/svg-edit/editor/locale/lang.ar.js      |   45 +-
 public/svg-edit/editor/locale/lang.az.js      |   45 +-
 public/svg-edit/editor/locale/lang.be.js      |   45 +-
 public/svg-edit/editor/locale/lang.bg.js      |   45 +-
 public/svg-edit/editor/locale/lang.ca.js      |   45 +-
 public/svg-edit/editor/locale/lang.cs.js      |   50 +-
 public/svg-edit/editor/locale/lang.cy.js      |   45 +-
 public/svg-edit/editor/locale/lang.da.js      |   45 +-
 public/svg-edit/editor/locale/lang.de.js      |   45 +-
 public/svg-edit/editor/locale/lang.el.js      |   45 +-
 public/svg-edit/editor/locale/lang.en.js      |   80 +-
 public/svg-edit/editor/locale/lang.es.js      |   45 +-
 public/svg-edit/editor/locale/lang.et.js      |   45 +-
 public/svg-edit/editor/locale/lang.fa.js      |   46 +-
 public/svg-edit/editor/locale/lang.fi.js      |   45 +-
 public/svg-edit/editor/locale/lang.fr.js      |   45 +-
 public/svg-edit/editor/locale/lang.fy.js      |   45 +-
 public/svg-edit/editor/locale/lang.ga.js      |   10 +-
 public/svg-edit/editor/locale/lang.gl.js      |   45 +-
 public/svg-edit/editor/locale/lang.he.js      |   45 +-
 public/svg-edit/editor/locale/lang.hi.js      |   46 +-
 public/svg-edit/editor/locale/lang.hr.js      |   45 +-
 public/svg-edit/editor/locale/lang.hu.js      |   45 +-
 public/svg-edit/editor/locale/lang.hy.js      |   45 +-
 public/svg-edit/editor/locale/lang.id.js      |   45 +-
 public/svg-edit/editor/locale/lang.is.js      |   45 +-
 public/svg-edit/editor/locale/lang.it.js      |   45 +-
 public/svg-edit/editor/locale/lang.ja.js      |   46 +-
 public/svg-edit/editor/locale/lang.ko.js      |   45 +-
 public/svg-edit/editor/locale/lang.lt.js      |   45 +-
 public/svg-edit/editor/locale/lang.lv.js      |   45 +-
 public/svg-edit/editor/locale/lang.mk.js      |   45 +-
 public/svg-edit/editor/locale/lang.ms.js      |   45 +-
 public/svg-edit/editor/locale/lang.mt.js      |   45 +-
 public/svg-edit/editor/locale/lang.nl.js      |   45 +-
 public/svg-edit/editor/locale/lang.no.js      |   45 +-
 public/svg-edit/editor/locale/lang.pl.js      |   45 +-
 public/svg-edit/editor/locale/lang.pt-PT.js   |   45 +-
 public/svg-edit/editor/locale/lang.ro.js      |   61 +-
 public/svg-edit/editor/locale/lang.ru.js      |   46 +-
 public/svg-edit/editor/locale/lang.sk.js      |   92 +-
 public/svg-edit/editor/locale/lang.sl.js      |   45 +-
 public/svg-edit/editor/locale/lang.sq.js      |   45 +-
 public/svg-edit/editor/locale/lang.sr.js      |   45 +-
 public/svg-edit/editor/locale/lang.sv.js      |   45 +-
 public/svg-edit/editor/locale/lang.sw.js      |   45 +-
 public/svg-edit/editor/locale/lang.th.js      |   45 +-
 public/svg-edit/editor/locale/lang.tl.js      |   45 +-
 public/svg-edit/editor/locale/lang.tr.js      |   45 +-
 public/svg-edit/editor/locale/lang.uk.js      |   45 +-
 public/svg-edit/editor/locale/lang.vi.js      |   45 +-
 public/svg-edit/editor/locale/lang.yi.js      |   45 +-
 public/svg-edit/editor/locale/lang.zh-CN.js   |   46 +-
 public/svg-edit/editor/locale/lang.zh-HK.js   |   46 +-
 public/svg-edit/editor/locale/lang.zh-TW.js   |   46 +-
 public/svg-edit/editor/locale/locale.js       |    4 +-
 public/svg-edit/editor/svg-editor.css         |   46 +-
 public/svg-edit/editor/svg-editor.html        |   19 +-
 public/svg-edit/editor/svgcanvas.js           |  168 +-
 public/svg-edit/extras/update-langs.py        |    6 +-
 67 files changed, 3996 insertions(+), 2823 deletions(-)

diff --git a/public/javascripts/page_helper.js b/public/javascripts/page_helper.js
index 6d945a14..a78c28a2 100644
--- a/public/javascripts/page_helper.js
+++ b/public/javascripts/page_helper.js
@@ -142,11 +142,25 @@ function setupSVGedit(path){
     if(event.origin !== my_loc) { return;}
     t.value = before + event.data + after;
     t.focus();
+    selectRange(t, before.length, before.length+event.data.length);
     SVGeditButton.disabled = true;
     SVGeditButton.value = 'Create SVG graphic';      
   });  
 }
 
+function selectRange(elt, start, end) { 
+ if (elt.setSelectionRange) { 
+  elt.focus(); 
+  elt.setSelectionRange(start, end); 
+ } else if (elt.createTextRange) { 
+  var range = elt.createTextRange(); 
+  range.collapse(true); 
+  range.moveEnd('character', end); 
+  range.moveStart('character', start); 
+  range.select(); 
+ } 
+}
+
 function updateSize(elt, w, h) {
    // adjust to the size of the user's browser area.
    // w and h are the original, unadjusted, width and height per row/column
diff --git a/public/svg-edit/AUTHORS b/public/svg-edit/AUTHORS
index b07c00fa..2e0fe8d9 100644
--- a/public/svg-edit/AUTHORS
+++ b/public/svg-edit/AUTHORS
@@ -19,4 +19,4 @@ nl: Jaap Blom <jaap.blom@gmail.com> (Nederlands)
 ro: Christian Tzurcanu <christian.tzurcanu@gmail.com> (Româneşte)
 ru: Laurent Dufloux <laurent.dufloux@etu.upmc.fr> (Русский)
 sk: Pavol Rusnak <rusnakp@gmail.com> (Slovenčina)
-zh-TW: 黃瀚生(han sheng Huang) <zenixls2@gmail.com> (台灣正體)
+zh-TW: 黃瀚生 (Han Sheng Huang) <zenixls2@gmail.com> (台灣正體)
diff --git a/public/svg-edit/editor/canvg/canvg.js b/public/svg-edit/editor/canvg/canvg.js
index b3d2083f..17d0ef4b 100644
--- a/public/svg-edit/editor/canvg/canvg.js
+++ b/public/svg-edit/editor/canvg/canvg.js
@@ -1,1610 +1,1774 @@
-/*
- * canvg.js - Javascript SVG parser and renderer on Canvas
- * MIT Licensed 
- * Gabe Lerner (gabelerner@gmail.com)
- * http://code.google.com/p/canvg/
- *
- * Requires: rgbcolor.js - http://www.phpied.com/rgb-color-parser-in-javascript/
- */
-if(!window.console) {
-	window.console = {};
-	window.console.log = function(str) {};
-	window.console.dir = function(str) {};
-}
-(function(){
-	// canvg(target, s)
-	// target: canvas element or the id of a canvas element
-	// s: svg string or url to svg file
-	this.canvg = function (target, s) {
-		if (typeof target == 'string') {
-			target = document.getElementById(target);
-		}
-		
-		// reuse class per canvas
-		var svg;
-		if (target.svg == null) {
-			svg = build();
-			target.svg = svg;
-		}
-		else {
-			svg = target.svg;
-			svg.stop();
-		}
-		
-		var ctx = target.getContext('2d');
-		if (s.substr(0,1) == '<') {
-			// load from xml string
-			svg.loadXml(ctx, s);
-		}
-		else {
-			// load from url
-			svg.load(ctx, s);
-		}
-	}
-
-	function build() {
-		var svg = {};
-		
-		svg.FRAMERATE = 30;
-		
-		// globals
-		svg.init = function(ctx) {
-			svg.Definitions = {};
-			svg.Styles = {};
-			svg.Animations = [];
-			svg.ctx = ctx;
-			svg.ViewPort = new (function () {
-				this.viewPorts = [];
-				this.SetCurrent = function(width, height) { this.viewPorts.push({ width: width, height: height }); }
-				this.RemoveCurrent = function() { this.viewPorts.pop(); }
-				this.Current = function() { return this.viewPorts[this.viewPorts.length - 1]; }
-				this.width = function() { return this.Current().width; }
-				this.height = function() { return this.Current().height; }
-				this.ComputeSize = function(d) {
-					if (d != null && typeof(d) == 'number') return d;
-					if (d == 'x') return this.width();
-					if (d == 'y') return this.height();
-					return Math.sqrt(Math.pow(this.width(), 2) + Math.pow(this.height(), 2)) / Math.sqrt(2);			
-				}
-			});
-		}
-		svg.init();
-
-		// trim
-		svg.trim = function(s) { return s.replace(/^\s+|\s+$/g, ''); }
-		
-		// compress spaces
-		svg.compressSpaces = function(s) { return s.replace(/[\s\r\t\n]+/gm,' '); }
-		
-		// ajax
-		svg.ajax = function(url) {
-			var AJAX;
-			if(window.XMLHttpRequest){AJAX=new XMLHttpRequest();}
-			else{AJAX=new ActiveXObject('Microsoft.XMLHTTP');}
-			if(AJAX){
-			   AJAX.open('GET',url,false);
-			   AJAX.send(null);
-			   return AJAX.responseText;
-			}
-			return null;
-		} 
-		
-		// parse xml
-		svg.parseXml = function(xml) {
-			if (window.DOMParser)
-			{
-				var parser = new DOMParser();
-				return parser.parseFromString(xml, 'text/xml');
-			}
-			else 
-			{
-				xml = xml.replace(/<!DOCTYPE svg[^>]*>/, '');
-				var xmlDoc = new ActiveXObject('Microsoft.XMLDOM');
-				xmlDoc.async = 'false';
-				xmlDoc.loadXML(xml); 
-				return xmlDoc;
-			}		
-		}
-		
-		svg.Property = function(name, value) {
-			this.name = name;
-			this.value = value;
-			
-			this.hasValue = function() {
-				return (this.value != null && this.value != '');
-			}
-							
-			// return the numerical value of the property
-			this.numValue = function() {
-				if (!this.hasValue()) return 0;
-				
-				var n = parseFloat(this.value);
-				if ((this.value + '').match(/%$/)) {
-					n = n / 100.0;
-				}
-				return n;
-			}
-			
-			this.valueOrDefault = function(def) {
-				if (this.hasValue()) return this.value;
-				return def;
-			}
-			
-			this.numValueOrDefault = function(def) {
-				if (this.hasValue()) return this.numValue();
-				return def;
-			}
-			
-			/* EXTENSIONS */
-			var that = this;
-			
-			// color extensions
-			this.Color = {
-				// augment the current color value with the opacity
-				addOpacity: function(opacity) {
-					var newValue = that.value;
-					if (opacity != null && opacity != '') {
-						var color = new RGBColor(that.value);
-						if (color.ok) {
-							newValue = 'rgba(' + color.r + ', ' + color.g + ', ' + color.b + ', ' + opacity + ')';
-						}
-					}
-					return new svg.Property(that.name, newValue);
-				}
-			}
-			
-			// definition extensions
-			this.Definition = {
-				// get the definition from the definitions table
-				getDefinition: function() {
-					var name = that.value.replace(/^(url\()?#([^\)]+)\)?$/, '$2');
-					return svg.Definitions[name];
-				},
-				
-				isUrl: function() {
-					return that.value.indexOf('url(') == 0
-				},
-				
-				getGradient: function(e) {
-					var grad = this.getDefinition();
-					if (grad != null && grad.createGradient) {
-						return grad.createGradient(svg.ctx, e);
-					}
-					return null;
-				}
-			}
-			
-			// length extensions
-			this.Length = {
-				DPI: function(viewPort) {
-					return 96.0; // TODO: compute?
-				},
-				
-				EM: function(viewPort) {
-					var em = 12;
-					
-					var fontSize = new svg.Property('fontSize', svg.Font.Parse(svg.ctx.font).fontSize);
-					if (fontSize.hasValue()) em = fontSize.Length.toPixels(viewPort);
-					
-					return em;
-				},
-			
-				// get the length as pixels
-				toPixels: function(viewPort) {
-					if (!that.hasValue()) return 0;
-					var s = that.value+'';
-					if (s.match(/em$/)) return that.numValue() * this.EM(viewPort);
-					if (s.match(/ex$/)) return that.numValue() * this.EM(viewPort) / 2.0;
-					if (s.match(/px$/)) return that.numValue();
-					if (s.match(/pt$/)) return that.numValue() * 1.25;
-					if (s.match(/pc$/)) return that.numValue() * 15;
-					if (s.match(/cm$/)) return that.numValue() * this.DPI(viewPort) / 2.54;
-					if (s.match(/mm$/)) return that.numValue() * this.DPI(viewPort) / 25.4;
-					if (s.match(/in$/)) return that.numValue() * this.DPI(viewPort);
-					if (s.match(/%$/)) return that.numValue() * svg.ViewPort.ComputeSize(viewPort);
-					return that.numValue();
-				}
-			}
-			
-			// time extensions
-			this.Time = {
-				// get the time as milliseconds
-				toMilliseconds: function() {
-					if (!that.hasValue()) return 0;
-					var s = that.value+'';
-					if (s.match(/s$/)) return that.numValue() * 1000;
-					if (s.match(/ms$/)) return that.numValue();
-					return that.numValue();
-				}
-			}
-			
-			// angle extensions
-			this.Angle = {
-				// get the angle as radians
-				toRadians: function() {
-					if (!that.hasValue()) return 0;
-					var s = that.value+'';
-					if (s.match(/deg$/)) return that.numValue() * (Math.PI / 180.0);
-					if (s.match(/grad$/)) return that.numValue() * (Math.PI / 200.0);
-					if (s.match(/rad$/)) return that.numValue();
-					return that.numValue() * (Math.PI / 180.0);
-				}
-			}
-		}
-		
-		// fonts
-		svg.Font = new (function() {
-			this.Styles = ['normal','italic','oblique','inherit'];
-			this.Variants = ['normal','small-caps','inherit'];
-			this.Weights = ['normal','bold','bolder','lighter','100','200','300','400','500','600','700','800','900','inherit'];
-			
-			this.CreateFont = function(fontStyle, fontVariant, fontWeight, fontSize, fontFamily, inherit) { 
-				var f = inherit != null ? this.Parse(inherit) : this.CreateFont('', '', '', '', '', svg.ctx.font);
-				return { 
-					fontFamily: fontFamily || f.fontFamily, 
-					fontSize: fontSize || f.fontSize, 
-					fontStyle: fontStyle || f.fontStyle, 
-					fontWeight: fontWeight || f.fontWeight, 
-					fontVariant: fontVariant || f.fontVariant,
-					toString: function () { return [this.fontStyle, this.fontVariant, this.fontWeight, this.fontSize, this.fontFamily].join(' ') } 
-				} 
-			}
-			
-			var that = this;
-			this.Parse = function(s) {
-				var f = {};
-				var d = svg.trim(svg.compressSpaces(s || '')).split(' ');
-				var set = { fontSize: false, fontStyle: false, fontWeight: false, fontVariant: false }
-				var ff = '';
-				for (var i=0; i<d.length; i++) {
-					if (!set.fontStyle && that.Styles.indexOf(d[i]) != -1) { if (d[i] != 'inherit') f.fontStyle = d[i]; set.fontStyle = true; }
-					else if (!set.fontVariant && that.Variants.indexOf(d[i]) != -1) { if (d[i] != 'inherit') f.fontVariant = d[i]; set.fontStyle = set.fontVariant = true;	}
-					else if (!set.fontWeight && that.Weights.indexOf(d[i]) != -1) {	if (d[i] != 'inherit') f.fontWeight = d[i]; set.fontStyle = set.fontVariant = set.fontWeight = true; }
-					else if (!set.fontSize) { if (d[i] != 'inherit') f.fontSize = d[i].split('/')[0]; set.fontStyle = set.fontVariant = set.fontWeight = set.fontSize = true; }
-					else { if (d[i] != 'inherit') ff += d[i]; }
-				} if (ff != '') f.fontFamily = ff;
-				return f;
-			}
-		});
-		
-		// points and paths
-		svg.ToNumberArray = function(s) {
-			var a = svg.trim(svg.compressSpaces((s || '').replace(/,/g, ' '))).split(' ');
-			for (var i=0; i<a.length; i++) {
-				a[i] = parseFloat(a[i]);
-			}
-			return a;
-		}		
-		svg.Point = function(x, y) {
-			this.x = x;
-			this.y = y;
-		}
-		svg.CreatePoint = function(s) {
-			var a = svg.ToNumberArray(s);
-			return new svg.Point(a[0], a[1]);
-		}
-		svg.CreatePath = function(s) {
-			var a = svg.ToNumberArray(s);
-			var path = [];
-			for (var i=0; i<a.length; i+=2) {
-				path.push(new svg.Point(a[i], a[i+1]));
-			}
-			return path;
-		}
-		
-		// bounding box
-		svg.BoundingBox = function(x1, y1, x2, y2) { // pass in initial points if you want
-			this.x1 = Number.NaN;
-			this.y1 = Number.NaN;
-			this.x2 = Number.NaN;
-			this.y2 = Number.NaN;
-			
-			this.x = function() { return this.x1; }
-			this.y = function() { return this.y1; }
-			this.width = function() { return this.x2 - this.x1; }
-			this.height = function() { return this.y2 - this.y1; }
-			
-			this.addPoint = function(x, y) {	
-				if (x != null) {
-					if (isNaN(this.x1) || isNaN(this.x2)) {
-						this.x1 = x;
-						this.x2 = x;
-					}
-					if (x < this.x1) this.x1 = x;
-					if (x > this.x2) this.x2 = x;
-				}
-			
-				if (y != null) {
-					if (isNaN(this.y1) || isNaN(this.y2)) {
-						this.y1 = y;
-						this.y2 = y;
-					}
-					if (y < this.y1) this.y1 = y;
-					if (y > this.y2) this.y2 = y;
-				}
-			}			
-			this.addX = function(x) { this.addPoint(x, null); }
-			this.addY = function(y) { this.addPoint(null, y); }
-			
-			this.addQuadraticCurve = function(p0x, p0y, p1x, p1y, p2x, p2y) {
-				var cp1x = p0x + 2/3 * (p1x - p0x); // CP1 = QP0 + 2/3 *(QP1-QP0)
-				var cp1y = p0y + 2/3 * (p1y - p0y); // CP1 = QP0 + 2/3 *(QP1-QP0)
-				var cp2x = cp1x + 1/3 * (p2x - p0x); // CP2 = CP1 + 1/3 *(QP2-QP0)
-				var cp2y = cp1y + 1/3 * (p2y - p0y); // CP2 = CP1 + 1/3 *(QP2-QP0)
-				this.addBezierCurve(p0x, p0y, cp1x, cp2x, cp1y,	cp2y, p2x, p2y);
-			}
-			
-			this.addBezierCurve = function(p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y) {
-				// from http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html
-				var p0 = [p0x, p0y], p1 = [p1x, p1y], p2 = [p2x, p2y], p3 = [p3x, p3y];
-				this.addPoint(p0[0], p0[1]);
-				this.addPoint(p3[0], p3[1]);
-				
-				for (i=0; i<=1; i++) {
-					var f = function(t) { 
-						return Math.pow(1-t, 3) * p0[i]
-						+ 3 * Math.pow(1-t, 2) * t * p1[i]
-						+ 3 * (1-t) * Math.pow(t, 2) * p2[i]
-						+ Math.pow(t, 3) * p3[i];
-					}
-					
-					var b = 6 * p0[i] - 12 * p1[i] + 6 * p2[i];
-					var a = -3 * p0[i] + 9 * p1[i] - 9 * p2[i] + 3 * p3[i];
-					var c = 3 * p1[i] - 3 * p0[i];
-					
-					if (a == 0) {
-						if (b == 0) continue;
-						var t = -c / b;
-						if (0 < t && t < 1) {
-							if (i == 0) this.addX(f(t));
-							if (i == 1) this.addY(f(t));
-						}
-						continue;
-					}
-					
-					var b2ac = Math.pow(b, 2) - 4 * c * a;
-					if (b2ac < 0) continue;
-					var t1 = (-b + Math.sqrt(b2ac)) / (2 * a);
-					if (0 < t1 && t1 < 1) {
-						if (i == 0) this.addX(f(t1));
-						if (i == 1) this.addY(f(t1));
-					}
-					var t2 = (-b - Math.sqrt(b2ac)) / (2 * a);
-					if (0 < t2 && t2 < 1) {
-						if (i == 0) this.addX(f(t2));
-						if (i == 1) this.addY(f(t2));
-					}
-				}
-			}
-			
-			this.addPoint(x1, y1);
-			this.addPoint(x2, y2);
-		}
-		
-		// transforms
-		svg.Transform = function(v) {	
-			var that = this;
-			this.Type = {}
-		
-			// translate
-			this.Type.translate = function(s) {
-				this.p = svg.CreatePoint(s);			
-				this.apply = function(ctx) {
-					ctx.translate(this.p.x || 0.0, this.p.y || 0.0);
-				}
-			}
-			
-			// rotate
-			this.Type.rotate = function(s) {
-				var a = svg.ToNumberArray(s);
-				this.angle = new svg.Property('angle', a[0]);
-				this.cx = a[1] || 0;
-				this.cy = a[2] || 0;
-				this.apply = function(ctx) {
-					ctx.translate(this.cx, this.cy);
-					ctx.rotate(this.angle.Angle.toRadians());
-					ctx.translate(-this.cx, -this.cy);
-				}
-			}
-			
-			this.Type.scale = function(s) {
-				this.p = svg.CreatePoint(s);
-				this.apply = function(ctx) {
-					ctx.scale(this.p.x || 1.0, this.p.y || this.p.x || 1.0);
-				}
-			}
-			
-			this.Type.matrix = function(s) {
-				this.m = svg.ToNumberArray(s);
-				this.apply = function(ctx) {
-					ctx.transform(this.m[0], this.m[1], this.m[2], this.m[3], this.m[4], this.m[5]);
-				}
-			}
-			
-			this.Type.SkewBase = function(s) {
-				this.base = that.Type.matrix;
-				this.base(s);
-				this.angle = new svg.Property('angle', s);
-			}
-			this.Type.SkewBase.prototype = new this.Type.matrix;
-			
-			this.Type.skewX = function(s) {
-				this.base = that.Type.SkewBase;
-				this.base(s);
-				this.m = [1, 0, Math.tan(this.angle.Angle.toRadians()), 1, 0, 0];
-			}
-			this.Type.skewX.prototype = new this.Type.SkewBase;
-			
-			this.Type.skewY = function(s) {
-				this.base = that.Type.SkewBase;
-				this.base(s);
-				this.m = [1, Math.tan(this.angle.Angle.toRadians()), 0, 1, 0, 0];
-			}
-			this.Type.skewY.prototype = new this.Type.SkewBase;
-		
-			this.transforms = [];
-			this.apply = function(ctx) {
-				for (var i=0; i<this.transforms.length; i++) {
-					this.transforms[i].apply(ctx);
-				}
-			}
-			
-			var data = v.split(/\s(?=[a-z])/);
-			for (var i=0; i<data.length; i++) {
-				var type = data[i].split('(')[0];
-				var s = data[i].split('(')[1].replace(')','');
-				var transform = eval('new this.Type.' + type + '(s)');
-				this.transforms.push(transform);
-			}
-		}
-		
-		// elements
-		svg.Element = {}
-		
-		svg.Element.ElementBase = function(node) {	
-			this.attributes = {};
-			this.styles = {};
-			this.children = [];
-			
-			// get or create attribute
-			this.attribute = function(name, createIfNotExists) {
-				var a = this.attributes[name];
-				if (a != null) return a;
-							
-				a = new svg.Property(name, '');
-				if (createIfNotExists == true) this.attributes[name] = a;
-				return a;
-			}
-			
-			// get or create style
-			this.style = function(name, createIfNotExists) {
-				var s = this.styles[name];
-				if (s != null) return s;
-				
-				var a = this.attribute(name);
-				if (a != null && a.hasValue()) {
-					return a;
-				}
-					
-				s = new svg.Property(name, '');
-				if (createIfNotExists == true) this.styles[name] = s;
-				return s;
-			}
-			
-			// base render
-			this.render = function(ctx) {
-				ctx.save();
-				this.setContext(ctx);
-				this.renderChildren(ctx);
-				this.clearContext(ctx);
-				ctx.restore();
-			}
-			
-			// base set context
-			this.setContext = function(ctx) {
-				// OVERRIDE ME!
-			}
-			
-			// base clear context
-			this.clearContext = function(ctx) {
-				// OVERRIDE ME!
-			}			
-			
-			// base render children
-			this.renderChildren = function(ctx) {
-				for (var i=0; i<this.children.length; i++) {
-					this.children[i].render(ctx);
-				}
-			}
-				
-			if (node != null) {
-				// add children
-				for (var i=0; i<node.childNodes.length; i++) {
-					var childNode = node.childNodes[i];
-					if (childNode.nodeType == 1) { //ELEMENT_NODE
-						var child = svg.CreateElement(childNode);
-						child.parent = this;
-						this.children.push(child);
-					}
-				}
-				
-				// add attributes
-				for (var i=0; i<node.attributes.length; i++) {
-					var attribute = node.attributes[i];
-					this.attributes[attribute.nodeName] = new svg.Property(attribute.nodeName, attribute.nodeValue);
-				}
-										
-				// add tag styles
-				var styles = svg.Styles[this.type];
-				if (styles != null) {
-					for (var name in styles) {
-						this.styles[name] = styles[name];
-					}
-				}					
-				
-				// add class styles
-				if (this.attribute('class').hasValue()) {
-					var classes = svg.compressSpaces(this.attribute('class').value).split(' ');
-					for (var j=0; j<classes.length; j++) {
-						styles = svg.Styles['.'+classes[j]];
-						if (styles != null) {
-							for (var name in styles) {
-								this.styles[name] = styles[name];
-							}
-						}
-					}
-				}
-				
-				// add inline styles
-				if (this.attribute('style').hasValue()) {
-					var styles = this.attribute('style').value.split(';');
-					for (var i=0; i<styles.length; i++) {
-						if (svg.trim(styles[i]) != '') {
-							var style = styles[i].split(':');
-							var name = svg.trim(style[0]);
-							var value = svg.trim(style[1]);
-							this.styles[name] = new svg.Property(name, value);
-						}
-					}
-				}
-				
-				// set id
-				if (this.attribute('id').hasValue()) svg.Definitions[this.attribute('id').value] = this;				
-			}
-		}
-		
-		svg.Element.RenderedElementBase = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-			
-			this.setContext = function(ctx) {
-				// fill
-				if (this.style('fill').Definition.isUrl()) {
-					var grad = this.style('fill').Definition.getGradient(this);
-					if (grad != null) ctx.fillStyle = grad;
-				}
-				else if (this.style('fill').hasValue()) {
-					var fillStyle = this.style('fill');
-					if (this.style('fill-opacity').hasValue()) fillStyle = fillStyle.Color.addOpacity(this.style('fill-opacity').value);
-					ctx.fillStyle = (fillStyle.value == 'none' ? 'rgba(0,0,0,0)' : fillStyle.value);
-				}
-									
-				// stroke
-				if (this.style('stroke').Definition.isUrl()) {
-					var grad = this.style('stroke').Definition.getGradient(this);
-					if (grad != null) ctx.strokeStyle = grad;
-				}
-				else if (this.style('stroke').hasValue()) {
-					var strokeStyle = this.style('stroke');
-					if (this.style('stroke-opacity').hasValue()) strokeStyle = strokeStyle.Color.addOpacity(this.style('stroke-opacity').value);
-					ctx.strokeStyle = (strokeStyle.value == 'none' ? 'rgba(0,0,0,0)' : strokeStyle.value);
-				}
-				if (this.style('stroke-width').hasValue()) ctx.lineWidth = this.style('stroke-width').Length.toPixels();
-				if (this.style('stroke-linecap').hasValue()) ctx.lineCap = this.style('stroke-linecap').value;
-				if (this.style('stroke-linejoin').hasValue()) ctx.lineJoin = this.style('stroke-linejoin').value;
-				if (this.style('stroke-miterlimit').hasValue()) ctx.miterLimit = this.style('stroke-miterlimit').value;
-
-				// font
-				if (typeof(ctx.font) != 'undefined') {
-					ctx.font = svg.Font.CreateFont( 
-						this.style('font-style').value, 
-						this.style('font-variant').value, 
-						this.style('font-weight').value, 
-						this.style('font-size').hasValue() ? this.style('font-size').Length.toPixels() + 'px' : '', 
-						this.style('font-family').value).toString();
-				}
-				
-				// transform
-				if (this.attribute('transform').hasValue()) { 
-					var transform = new svg.Transform(this.attribute('transform').value);
-					transform.apply(ctx);
-				}
-				
-				// clip
-				if (this.attribute('clip-path').hasValue()) {
-					var clip = this.attribute('clip-path').Definition.getDefinition();
-					if (clip != null) clip.apply(ctx);
-				}
-				
-				// opacity
-				if (this.style('opacity').hasValue()) {
-					ctx.globalAlpha = this.style('opacity').numValue();
-				}
-			}		
-		}
-		svg.Element.RenderedElementBase.prototype = new svg.Element.ElementBase;
-		
-		svg.Element.PathElementBase = function(node) {
-			this.base = svg.Element.RenderedElementBase;
-			this.base(node);
-			
-			this.path = function(ctx) {
-				if (ctx != null) ctx.beginPath();
-				return new svg.BoundingBox();
-			}
-			
-			this.renderChildren = function(ctx) {
-				this.path(ctx);
-				if (ctx.fillStyle != '') ctx.fill();
-				if (ctx.strokeStyle != '') ctx.stroke();
-
-				if (this.attribute('marker-end').Definition.isUrl()) {
-					var marker = this.attribute('marker-end').Definition.getDefinition();
-					var endPoint = this.getEndPoint();
-					var endAngle = this.getEndAngle();
-					if (endPoint != null && endAngle != null) {
-						marker.render(ctx, endPoint, endAngle);
-					}
-				}						
-			}
-			
-			this.getBoundingBox = function() {
-				return this.path();
-			}
-			
-			this.getEndPoint = function() {
-				return null;
-			}
-			
-			this.getEndAngle = function() {
-				return null;
-			}
-		}
-		svg.Element.PathElementBase.prototype = new svg.Element.RenderedElementBase;
-		
-		// svg element
-		svg.Element.svg = function(node) {
-			this.base = svg.Element.RenderedElementBase;
-			this.base(node);
-			
-			this.baseClearContext = this.clearContext;
-			this.clearContext = function(ctx) {
-				this.baseClearContext(ctx);
-				svg.ViewPort.RemoveCurrent();
-			}
-			
-			this.baseSetContext = this.setContext;
-			this.setContext = function(ctx) {
-				this.baseSetContext(ctx);
-				
-				// create new view port
-				if (this.attribute('x').hasValue() && this.attribute('y').hasValue()) {
-					ctx.translate(this.attribute('x').Length.toPixels('x'), this.attribute('y').Length.toPixels('y'));
-				}
-				
-				var width = svg.ViewPort.width();
-				var height = svg.ViewPort.height();
-				if (this.attribute('width').hasValue() && this.attribute('height').hasValue()) {
-					width = this.attribute('width').Length.toPixels('x');
-					height = this.attribute('height').Length.toPixels('y');
-					
-					var x = 0;
-					var y = 0;
-					if (this.attribute('refX').hasValue() && this.attribute('refY').hasValue()) {
-						x = -this.attribute('refX').Length.toPixels('x');
-						y = -this.attribute('refY').Length.toPixels('y');
-					}
-					
-					ctx.beginPath();
-					ctx.moveTo(x, y);
-					ctx.lineTo(width, y);
-					ctx.lineTo(width, height);
-					ctx.lineTo(x, height);
-					ctx.closePath();
-					ctx.clip();
-				}
-				svg.ViewPort.SetCurrent(width, height);	
-						
-				// viewbox
-				if (this.attribute('viewBox').hasValue()) {				
-					var viewBox = svg.ToNumberArray(this.attribute('viewBox').value);
-					var minX = viewBox[0];
-					var minY = viewBox[1];
-					width = viewBox[2];
-					height = viewBox[3];
-					
-					// aspect ratio - http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute
-					var preserveAspectRatio = svg.compressSpaces(this.attribute('preserveAspectRatio').value);
-					preserveAspectRatio = preserveAspectRatio.replace(/^defer\s/,''); // ignore defer
-					var align = preserveAspectRatio.split(' ')[0] || 'xMidYMid';
-					var meetOrSlice = preserveAspectRatio.split(' ')[1] || 'meet';					
-					
-					// calculate scale
-					var scaleX = svg.ViewPort.width() / width;
-					var scaleY = svg.ViewPort.height() / height;
-					var scaleMin = Math.min(scaleX, scaleY);
-					var scaleMax = Math.max(scaleX, scaleY);
-					if (meetOrSlice == 'meet') { width *= scaleMin; height *= scaleMin; }
-					if (meetOrSlice == 'slice') { width *= scaleMax; height *= scaleMax; }	
-					
-					if (this.attribute('refX').hasValue() && this.attribute('refY').hasValue()) {
-						ctx.translate(-scaleMin * this.attribute('refX').Length.toPixels('x'), -scaleMin * this.attribute('refY').Length.toPixels('y'));
-					} 
-					else {					
-						// align
-						if (align.match(/^xMid/) && ((meetOrSlice == 'meet' && scaleMin == scaleY) || (meetOrSlice == 'slice' && scaleMax == scaleY))) ctx.translate(svg.ViewPort.width() / 2.0 - width / 2.0, 0); 
-						if (align.match(/YMid$/) && ((meetOrSlice == 'meet' && scaleMin == scaleX) || (meetOrSlice == 'slice' && scaleMax == scaleX))) ctx.translate(0, svg.ViewPort.height() / 2.0 - height / 2.0); 
-						if (align.match(/^xMax/) && ((meetOrSlice == 'meet' && scaleMin == scaleY) || (meetOrSlice == 'slice' && scaleMax == scaleY))) ctx.translate(svg.ViewPort.width() - width, 0); 
-						if (align.match(/YMax$/) && ((meetOrSlice == 'meet' && scaleMin == scaleX) || (meetOrSlice == 'slice' && scaleMax == scaleX))) ctx.translate(0, svg.ViewPort.height() - height); 
-					}
-					
-					// scale
-					if (meetOrSlice == 'meet') ctx.scale(scaleMin, scaleMin); 
-					if (meetOrSlice == 'slice') ctx.scale(scaleMax, scaleMax); 	
-					ctx.translate(-minX, -minY);	
-					
-					svg.ViewPort.RemoveCurrent();	
-					svg.ViewPort.SetCurrent(viewBox[2], viewBox[3]);						
-				}				
-				
-				// initial values
-				ctx.strokeStyle = 'rgba(0,0,0,0)';
-				ctx.lineCap = 'butt';
-				ctx.lineJoin = 'miter';
-				ctx.miterLimit = 4;
-			}
-		}
-		svg.Element.svg.prototype = new svg.Element.RenderedElementBase;
-
-		// rect element
-		svg.Element.rect = function(node) {
-			this.base = svg.Element.PathElementBase;
-			this.base(node);
-			
-			this.path = function(ctx) {
-				var x = this.attribute('x').Length.toPixels('x');
-				var y = this.attribute('y').Length.toPixels('y');
-				var width = this.attribute('width').Length.toPixels('x');
-				var height = this.attribute('height').Length.toPixels('y');
-				var rx = this.attribute('rx').Length.toPixels('x');
-				var ry = this.attribute('ry').Length.toPixels('y');
-				if (this.attribute('rx').hasValue() && !this.attribute('ry').hasValue()) ry = rx;
-				if (this.attribute('ry').hasValue() && !this.attribute('rx').hasValue()) rx = ry;
-				
-				if (ctx != null) {
-					ctx.beginPath();
-					ctx.moveTo(x + rx, y);
-					ctx.lineTo(x + width - rx, y);
-					ctx.quadraticCurveTo(x + width, y, x + width, y + ry)
-					ctx.lineTo(x + width, y + height - ry);
-					ctx.quadraticCurveTo(x + width, y + height, x + width - rx, y + height)
-					ctx.lineTo(x + rx, y + height);
-					ctx.quadraticCurveTo(x, y + height, x, y + height - ry)
-					ctx.lineTo(x, y + ry);
-					ctx.quadraticCurveTo(x, y, x + rx, y)
-					ctx.closePath();
-				}
-				
-				return new svg.BoundingBox(x, y, x + width, y + height);
-			}
-		}
-		svg.Element.rect.prototype = new svg.Element.PathElementBase;
-		
-		// circle element
-		svg.Element.circle = function(node) {
-			this.base = svg.Element.PathElementBase;
-			this.base(node);
-			
-			this.path = function(ctx) {
-				var cx = this.attribute('cx').Length.toPixels('x');
-				var cy = this.attribute('cy').Length.toPixels('y');
-				var r = this.attribute('r').Length.toPixels();
-			
-				if (ctx != null) {
-					ctx.beginPath();
-					ctx.arc(cx, cy, r, 0, Math.PI * 2, true); 
-					ctx.closePath();
-				}
-				
-				return new svg.BoundingBox(cx - r, cy - r, cx + r, cy + r);
-			}
-		}
-		svg.Element.circle.prototype = new svg.Element.PathElementBase;	
-
-		// ellipse element
-		svg.Element.ellipse = function(node) {
-			this.base = svg.Element.PathElementBase;
-			this.base(node);
-			
-			this.path = function(ctx) {
-				var KAPPA = 4 * ((Math.sqrt(2) - 1) / 3);
-				var rx = this.attribute('rx').Length.toPixels('x');
-				var ry = this.attribute('ry').Length.toPixels('y');
-				var cx = this.attribute('cx').Length.toPixels('x');
-				var cy = this.attribute('cy').Length.toPixels('y');
-				
-				if (ctx != null) {
-					ctx.beginPath();
-					ctx.moveTo(cx, cy - ry);
-					ctx.bezierCurveTo(cx + (KAPPA * rx), cy - ry,  cx + rx, cy - (KAPPA * ry), cx + rx, cy);
-					ctx.bezierCurveTo(cx + rx, cy + (KAPPA * ry), cx + (KAPPA * rx), cy + ry, cx, cy + ry);
-					ctx.bezierCurveTo(cx - (KAPPA * rx), cy + ry, cx - rx, cy + (KAPPA * ry), cx - rx, cy);
-					ctx.bezierCurveTo(cx - rx, cy - (KAPPA * ry), cx - (KAPPA * rx), cy - ry, cx, cy - ry);
-					ctx.closePath();
-				}
-				
-				return new svg.BoundingBox(cx - rx, cy - ry, cx + rx, cy + ry);
-			}
-		}
-		svg.Element.ellipse.prototype = new svg.Element.PathElementBase;			
-		
-		// line element
-		svg.Element.line = function(node) {
-			this.base = svg.Element.PathElementBase;
-			this.base(node);
-						
-			this.path = function(ctx) {
-				var x1 = this.attribute('x1').Length.toPixels('x');
-				var y1 = this.attribute('y1').Length.toPixels('y');
-				var x2 = this.attribute('x2').Length.toPixels('x');
-				var y2 = this.attribute('y2').Length.toPixels('y');
-				
-				if (ctx != null) {
-					ctx.beginPath();
-					ctx.moveTo(x1, y1);
-					ctx.lineTo(x2, y2);
-				}
-				
-				return new svg.BoundingBox(x1, y1, x2, y2);
-			}
-			
-			this.getEndPoint = function() {
-				var x2 = this.attribute('x2').Length.toPixels('x');
-				var y2 = this.attribute('y2').Length.toPixels('y');			
-				return new svg.Point(x2, y2);
-			}
-			
-			this.getEndAngle = function() {
-				var x1 = this.attribute('x1').Length.toPixels('x');
-				var y1 = this.attribute('y1').Length.toPixels('y');
-				var x2 = this.attribute('x2').Length.toPixels('x');
-				var y2 = this.attribute('y2').Length.toPixels('y');
-				return Math.atan((y2-y1)/(x2-x1));
-			}
-		}
-		svg.Element.line.prototype = new svg.Element.PathElementBase;		
-				
-		// polyline element
-		svg.Element.polyline = function(node) {
-			this.base = svg.Element.PathElementBase;
-			this.base(node);
-			
-			this.points = svg.CreatePath(this.attribute('points').value);
-			this.path = function(ctx) {
-				var bb = new svg.BoundingBox(this.points[0].x, this.points[0].y);
-				if (ctx != null) {
-					ctx.beginPath();
-					ctx.moveTo(this.points[0].x, this.points[0].y);
-				}
-				for (var i=1; i<this.points.length; i++) {
-					bb.addPoint(this.points[i].x, this.points[i].y);
-					if (ctx != null) ctx.lineTo(this.points[i].x, this.points[i].y);
-				}
-				return bb;
-			}
-		}
-		svg.Element.polyline.prototype = new svg.Element.PathElementBase;				
-				
-		// polygon element
-		svg.Element.polygon = function(node) {
-			this.base = svg.Element.polyline;
-			this.base(node);
-			
-			this.basePath = this.path;
-			this.path = function(ctx) {
-				var bb = this.basePath(ctx);
-				if (ctx != null) {
-					ctx.lineTo(this.points[0].x, this.points[0].y);
-					ctx.closePath();
-				}
-				return bb;
-			}
-		}
-		svg.Element.polygon.prototype = new svg.Element.polyline;
-
-		// path element
-		svg.Element.path = function(node) {
-			this.base = svg.Element.PathElementBase;
-			this.base(node);
-					
-			var d = this.attribute('d').value;
-			// TODO: floating points, convert to real lexer based on http://www.w3.org/TR/SVG11/paths.html#PathDataBNF
-			d = d.replace(/,/gm,' '); // get rid of all commas
-			d = d.replace(/([A-Za-z])([A-Za-z])/gm,'$1 $2'); // separate commands from commands
-			d = d.replace(/([A-Za-z])([A-Za-z])/gm,'$1 $2'); // separate commands from commands
-			d = d.replace(/([A-Za-z])([^\s])/gm,'$1 $2'); // separate commands from points
-			d = d.replace(/([^\s])([A-Za-z])/gm,'$1 $2'); // separate commands from points
-			d = d.replace(/([0-9])([+\-])/gm,'$1 $2'); // separate digits when no comma
-			d = d.replace(/(\.[0-9]*)(\.)/gm,'$1 $2'); // separate digits when no comma
-			d = d.replace(/([Aa](\s+[0-9]+){3})\s+([01])\s*([01])/gm,'$1 $3 $4 '); // shorthand elliptical arc path syntax
-			d = svg.compressSpaces(d); // compress multiple spaces
-			d = svg.trim(d);
-			this.PathParser = new (function(d) {
-				this.tokens = d.split(' ');
-				
-				this.reset = function() {
-					this.i = -1;
-					this.command = '';
-					this.control = new svg.Point(0, 0);
-					this.last = new svg.Point(0, 0);
-					this.current = new svg.Point(0, 0);
-				}
-				
-				this.angle = function() {
-					return Math.atan((this.current.y - this.last.y) / (this.current.x - this.last.x));
-				}
-				
-				this.setCurrent = function(p) {
-					this.last = this.current;
-					this.current = p;
-				}
-				
-				this.isEnd = function() {
-					return this.i == this.tokens.length - 1;
-				}
-				
-				this.isCommandOrEnd = function() {
-					if (this.isEnd()) return true;
-					return this.tokens[this.i + 1].match(/[A-Za-z]/) != null;
-				}
-				
-				this.isRelativeCommand = function() {
-					return this.command == this.command.toLowerCase();
-				}
-				
-				this.getToken = function() {
-					this.i = this.i + 1;
-					return this.tokens[this.i];
-				}
-				
-				this.getScalar = function() {
-					return parseFloat(this.getToken());
-				}
-				
-				this.nextCommand = function() {
-					this.command = this.getToken();
-				}				
-				
-				this.getPoint = function() {
-					var p = new svg.Point(this.getScalar(), this.getScalar());
-					return this.makeAbsolute(p);
-				}
-				
-				this.getAsControlPoint = function() {
-					var p = this.getPoint();
-					this.control = p;
-					return p;
-				}
-				
-				this.getAsCurrentPoint = function() {
-					var p = this.getPoint();
-					this.setCurrent(p);
-					return p;	
-				}
-				
-				this.getReflectedControlPoint = function() {
-					var p = new svg.Point(2 * this.current.x - this.control.x, 2 * this.current.y - this.control.y);					
-					return this.makeAbsolute(p);
-				}
-				
-				this.makeAbsolute = function(p) {
-					if (this.isRelativeCommand()) {
-						p.x = this.current.x + p.x;
-						p.y = this.current.y + p.y;
-					}
-					return p;
-				}
-			})(d);
-			
-			this.path = function(ctx) {		
-				var pp = this.PathParser;
-				pp.reset();
-				
-				var bb = new svg.BoundingBox();
-				if (ctx != null) ctx.beginPath();
-				while (!pp.isEnd()) {
-					pp.nextCommand();
-					if (pp.command.toUpperCase() == 'M') {
-						var p = pp.getAsCurrentPoint();
-						bb.addPoint(p.x, p.y);
-						if (ctx != null) ctx.moveTo(p.x, p.y);
-						while (!pp.isCommandOrEnd()) {
-							var p = pp.getAsCurrentPoint();
-							bb.addPoint(p.x, p.y);
-							if (ctx != null) ctx.lineTo(p.x, p.y);
-						}
-					}
-					else if (pp.command.toUpperCase() == 'L') {
-						while (!pp.isCommandOrEnd()) {
-							var p = pp.getAsCurrentPoint();
-							bb.addPoint(p.x, p.y);
-							if (ctx != null) ctx.lineTo(p.x, p.y);
-						}
-					}
-					else if (pp.command.toUpperCase() == 'H') {
-						while (!pp.isCommandOrEnd()) {
-							pp.current.x = (pp.isRelativeCommand() ? pp.current.x : 0) + pp.getScalar();
-							pp.setCurrent(pp.current);
-							bb.addPoint(pp.current.x, pp.current.y);
-							if (ctx != null) ctx.lineTo(pp.current.x, pp.current.y);
-						}
-					}
-					else if (pp.command.toUpperCase() == 'V') {
-						while (!pp.isCommandOrEnd()) {
-							pp.current.y = (pp.isRelativeCommand() ? pp.current.y : 0) + pp.getScalar();
-							pp.setCurrent(pp.current);
-							bb.addPoint(pp.current.x, pp.current.y);
-							if (ctx != null) ctx.lineTo(pp.current.x, pp.current.y);
-						}
-					}
-					else if (pp.command.toUpperCase() == 'C') {
-						while (!pp.isCommandOrEnd()) {
-							var curr = pp.current;
-							var p1 = pp.getPoint();
-							var cntrl = pp.getAsControlPoint();
-							var cp = pp.getAsCurrentPoint();
-							bb.addBezierCurve(curr.x, curr.y, p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
-							if (ctx != null) ctx.bezierCurveTo(p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
-						}
-					}
-					else if (pp.command.toUpperCase() == 'S') {
-						while (!pp.isCommandOrEnd()) {
-							var curr = pp.current;
-							var p1 = pp.getReflectedControlPoint();
-							var cntrl = pp.getAsControlPoint();
-							var cp = pp.getAsCurrentPoint();
-							bb.addBezierCurve(curr.x, curr.y, p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
-							if (ctx != null) ctx.bezierCurveTo(p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
-						}				
-					}					
-					else if (pp.command.toUpperCase() == 'Q') {
-						while (!pp.isCommandOrEnd()) {
-							var curr = pp.current;
-							var cntrl = pp.getAsControlPoint();
-							var cp = pp.getAsCurrentPoint();
-							bb.addQuadraticCurve(curr.x, curr.y, cntrl.x, cntrl.y, cp.x, cp.y);
-							if (ctx != null) ctx.quadraticCurveTo(cntrl.x, cntrl.y, cp.x, cp.y);
-						}
-					}					
-					else if (pp.command.toUpperCase() == 'T') {
-						while (!pp.isCommandOrEnd()) {
-							var curr = pp.current;
-							var cntrl = pp.getReflectedControlPoint();
-							pp.control = cntrl;
-							var cp = pp.getAsCurrentPoint();
-							bb.addQuadraticCurve(curr.x, curr.y, cntrl.x, cntrl.y, cp.x, cp.y);
-							if (ctx != null) ctx.quadraticCurveTo(cntrl.x, cntrl.y, cp.x, cp.y);
-						}					
-					}
-					else if (pp.command.toUpperCase() == 'A') {
-						while (!pp.isCommandOrEnd()) {
-						    var curr = pp.current;
-							var rx = pp.getScalar();
-							var ry = pp.getScalar();
-							var xAxisRotation = pp.getScalar() * (Math.PI / 180.0);
-							var largeArcFlag = pp.getScalar();
-							var sweepFlag = pp.getScalar();
-							var cp = pp.getAsCurrentPoint();
-							
-							// Conversion from endpoint to center parameterization
-							// http://www.w3.org/TR/SVG11/implnote.html#ArcImplementationNotes
-							// x1', y1'
-							var currp = new svg.Point(
-								Math.cos(xAxisRotation) * (curr.x - cp.x) / 2.0 + Math.sin(xAxisRotation) * (curr.y - cp.y) / 2.0,
-								-Math.sin(xAxisRotation) * (curr.x - cp.x) / 2.0 + Math.cos(xAxisRotation) * (curr.y - cp.y) / 2.0
-							);
-							// cx', cy'
-							var s = (largeArcFlag == sweepFlag ? -1 : 1) * Math.sqrt(
-								((Math.pow(rx,2)*Math.pow(ry,2))-(Math.pow(rx,2)*Math.pow(currp.y,2))-(Math.pow(ry,2)*Math.pow(currp.x,2))) /
-								(Math.pow(rx,2)*Math.pow(currp.y,2)+Math.pow(ry,2)*Math.pow(currp.x,2))
-							);
-							if (isNaN(s)) s = 0;
-							var cpp = new svg.Point(s * rx * currp.y / ry, s * -ry * currp.x / rx);
-							// cx, cy
-							var centp = new svg.Point(
-								(curr.x + cp.x) / 2.0 + Math.cos(xAxisRotation) * cpp.x - Math.sin(xAxisRotation) * cpp.y,
-								(curr.y + cp.y) / 2.0 + Math.sin(xAxisRotation) * cpp.x + Math.cos(xAxisRotation) * cpp.y
-							);
-							// vector magnitude
-							var m = function(v) { return Math.sqrt(Math.pow(v[0],2) + Math.pow(v[1],2)); }
-							// angle between two vectors
-							var a = function(u, v) { return (u[0]*v[1] < u[1]*v[0] ? -1 : 1) * Math.acos((u[0]*v[0]+u[1]*v[1]) / (m(u)*m(v))); }
-							// initial angle
-							var a1 = a([1,0], [(currp.x-cpp.x)/rx,(currp.y-cpp.y)/ry]);
-							// angle delta
-							var ad = a([(currp.x-cpp.x)/rx,(currp.y-cpp.y)/ry], [(-currp.x-cpp.x)/rx,(-currp.y-cpp.y)/ry]);
-							if (sweepFlag == 0 && ad > 0) ad = ad - 2 * Math.PI;
-							if (sweepFlag == 1 && ad < 0) ad = ad + 2 * Math.PI;
-							
-							bb.addPoint(cp.x, cp.y); // TODO: this is too naive, make it better
-							if (ctx != null) {
-								var r = rx > ry ? rx : ry;
-								var sx = rx > ry ? 1 : rx / ry;
-								var sy = rx > ry ? ry / rx : 1;
-							
-								ctx.translate(centp.x, centp.y);
-								ctx.rotate(xAxisRotation);
-								ctx.scale(sx, sy);
-								ctx.arc(0, 0, r, a1, a1 + ad, 1 - sweepFlag);
-								ctx.scale(1/sx, 1/sy);
-								ctx.rotate(-xAxisRotation);
-								ctx.translate(-centp.x, -centp.y);
-							}
-						}
-					}
-					else if (pp.command.toUpperCase() == 'Z') {
-						if (ctx != null) ctx.closePath();
-					}
-				}
-							
-				return bb;
-			}
-			
-			this.getEndPoint = function() {
-				return this.PathParser.current;
-			}
-			
-			this.getEndAngle = function() {
-				return this.PathParser.angle();
-			}
-		}
-		svg.Element.path.prototype = new svg.Element.PathElementBase;
-		
-		svg.Element.marker = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-			
-			this.baseRender = this.render;
-			this.render = function(ctx, endPoint, endAngle) {
-				ctx.translate(endPoint.x, endPoint.y);
-				if (this.attribute('orient').valueOrDefault('auto') == 'auto') ctx.rotate(endAngle);
-				if (this.attribute('markerUnits').valueOrDefault('strokeWidth') == 'strokeWidth') ctx.scale(ctx.lineWidth, ctx.lineWidth);
-				ctx.save();
-							
-				// render me using a temporary svg element
-				var tempSvg = new svg.Element.svg();
-				tempSvg.attributes['viewBox'] = new svg.Property('viewBox', this.attribute('viewBox').value);
-				tempSvg.attributes['refX'] = new svg.Property('refX', this.attribute('refX').value);
-				tempSvg.attributes['refY'] = new svg.Property('refY', this.attribute('refY').value);
-				tempSvg.attributes['width'] = new svg.Property('width', this.attribute('markerWidth').value);
-				tempSvg.attributes['height'] = new svg.Property('height', this.attribute('markerHeight').value);
-				tempSvg.attributes['fill'] = new svg.Property('fill', this.attribute('fill').valueOrDefault('black'));
-				tempSvg.attributes['stroke'] = new svg.Property('stroke', this.attribute('stroke').valueOrDefault('none'));
-				tempSvg.children = this.children;
-				tempSvg.render(ctx);
-				
-				ctx.restore();
-				if (this.attribute('markerUnits').valueOrDefault('strokeWidth') == 'strokeWidth') ctx.scale(1/ctx.lineWidth, 1/ctx.lineWidth);
-				if (this.attribute('orient').valueOrDefault('auto') == 'auto') ctx.rotate(-endAngle);
-				ctx.translate(-endPoint.x, -endPoint.y);
-			}
-		}
-		svg.Element.marker.prototype = new svg.Element.ElementBase;
-		
-		// definitions element
-		svg.Element.defs = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);			
-			
-			this.render = function(ctx) {
-				// NOOP
-			}
-		}
-		svg.Element.defs.prototype = new svg.Element.ElementBase;
-		
-		// base for gradients
-		svg.Element.GradientBase = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-			
-			this.gradientUnits = this.attribute('gradientUnits').valueOrDefault('objectBoundingBox');
-			
-			this.stops = [];			
-			for (var i=0; i<this.children.length; i++) {
-				var child = this.children[i];
-				this.stops.push(child);
-			}	
-
-			this.getGradient = function() {
-				// OVERRIDE ME!
-			}			
-
-			this.createGradient = function(ctx, element) {
-				var g = this.getGradient(ctx, element);
-				for (var i=0; i<this.stops.length; i++) {
-					g.addColorStop(this.stops[i].offset, this.stops[i].color);
-				}
-				return g;				
-			}
-		}
-		svg.Element.GradientBase.prototype = new svg.Element.ElementBase;
-		
-		// linear gradient element
-		svg.Element.linearGradient = function(node) {
-			this.base = svg.Element.GradientBase;
-			this.base(node);
-			
-			this.getGradient = function(ctx, element) {
-				var bb = element.getBoundingBox();
-				
-				var x1 = (this.gradientUnits == 'objectBoundingBox' 
-					? bb.x() + bb.width() * this.attribute('x1').numValue() 
-					: this.attribute('x1').Length.toPixels('x'));
-				var y1 = (this.gradientUnits == 'objectBoundingBox' 
-					? bb.y() + bb.height() * this.attribute('y1').numValue()
-					: this.attribute('y1').Length.toPixels('y'));
-				var x2 = (this.gradientUnits == 'objectBoundingBox' 
-					? bb.x() + bb.width() * this.attribute('x2').numValue()
-					: this.attribute('x2').Length.toPixels('x'));
-				var y2 = (this.gradientUnits == 'objectBoundingBox' 
-					? bb.y() + bb.height() * this.attribute('y2').numValue()
-					: this.attribute('y2').Length.toPixels('y'));
-				
-				return ctx.createLinearGradient(x1, y1, x2, y2);
-			}
-		}
-		svg.Element.linearGradient.prototype = new svg.Element.GradientBase;
-		
-		// radial gradient element
-		svg.Element.radialGradient = function(node) {
-			this.base = svg.Element.GradientBase;
-			this.base(node);
-			
-			this.getGradient = function(ctx, element) {
-				var bb = element.getBoundingBox();
-				
-				var cx = (this.gradientUnits == 'objectBoundingBox' 
-					? bb.x() + bb.width() * this.attribute('cx').numValue() 
-					: this.attribute('cx').Length.toPixels('x'));
-				var cy = (this.gradientUnits == 'objectBoundingBox' 
-					? bb.y() + bb.height() * this.attribute('cy').numValue() 
-					: this.attribute('cy').Length.toPixels('y'));
-				
-				var fx = cx;
-				var fy = cy;
-				if (this.attribute('fx').hasValue()) {
-					fx = (this.gradientUnits == 'objectBoundingBox' 
-					? bb.x() + bb.width() * this.attribute('fx').numValue() 
-					: this.attribute('fx').Length.toPixels('x'));
-				}
-				if (this.attribute('fy').hasValue()) {
-					fy = (this.gradientUnits == 'objectBoundingBox' 
-					? bb.y() + bb.height() * this.attribute('fy').numValue() 
-					: this.attribute('fy').Length.toPixels('y'));
-				}
-				
-				var r = (this.gradientUnits == 'objectBoundingBox' 
-					? (bb.width() + bb.height()) / 2.0 * this.attribute('r').numValue()
-					: this.attribute('r').Length.toPixels());
-				
-				return ctx.createRadialGradient(fx, fy, 0, cx, cy, r);
-			}
-		}
-		svg.Element.radialGradient.prototype = new svg.Element.GradientBase;
-		
-		// gradient stop element
-		svg.Element.stop = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-			
-			this.offset = this.attribute('offset').numValue();
-			
-			var stopColor = this.style('stop-color');
-			if (this.style('stop-opacity').hasValue()) stopColor = stopColor.Color.addOpacity(this.style('stop-opacity').value);
-			this.color = stopColor.value;
-		}
-		svg.Element.stop.prototype = new svg.Element.ElementBase;
-		
-		// animation base element
-		svg.Element.AnimateBase = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-			
-			svg.Animations.push(this);
-			
-			this.duration = 0.0;
-			this.begin = this.attribute('begin').Time.toMilliseconds();
-			this.maxDuration = this.begin + this.attribute('dur').Time.toMilliseconds();
-
-			this.calcValue = function() {
-				// OVERRIDE ME!
-				return '';
-			}
-			
-			this.update = function(delta) {			
-				// if we're past the end time
-				if (this.duration > this.maxDuration) {
-					// loop for indefinitely repeating animations
-					if (this.attribute('repeatCount').value == 'indefinite') {
-						this.duration = 0.0
-					}
-					else {
-						return false; // no updates made
-					}
-				}			
-				this.duration = this.duration + delta;
-			
-				// if we're past the begin time
-				var updated = false;
-				if (this.begin < this.duration) {
-					var newValue = this.calcValue(); // tween
-					var attributeType = this.attribute('attributeType').value;
-					var attributeName = this.attribute('attributeName').value;
-					
-					if (this.parent != null) {
-						if (attributeType == 'CSS') {
-							this.parent.style(attributeName, true).value = newValue;
-						}
-						else { // default or XML
-							if (this.attribute('type').hasValue()) {
-								// for transform, etc.
-								var type = this.attribute('type').value;
-								this.parent.attribute(attributeName, true).value = type + '(' + newValue + ')';
-							}
-							else {
-								this.parent.attribute(attributeName, true).value = newValue;
-							}
-						}
-						updated = true;
-					}
-				}
-				
-				return updated;
-			}
-			
-			// fraction of duration we've covered
-			this.progress = function() {
-				return ((this.duration - this.begin) / (this.maxDuration - this.begin));
-			}			
-		}
-		svg.Element.AnimateBase.prototype = new svg.Element.ElementBase;
-		
-		// animate element
-		svg.Element.animate = function(node) {
-			this.base = svg.Element.AnimateBase;
-			this.base(node);
-			
-			this.calcValue = function() {
-				var from = this.attribute('from').numValue();
-				var to = this.attribute('to').numValue();
-				
-				// tween value linearly
-				return from + (to - from) * this.progress(); 
-			};
-		}
-		svg.Element.animate.prototype = new svg.Element.AnimateBase;
-			
-		// animate color element
-		svg.Element.animateColor = function(node) {
-			this.base = svg.Element.AnimateBase;
-			this.base(node);
-
-			this.calcValue = function() {
-				var from = new RGBColor(this.attribute('from').value);
-				var to = new RGBColor(this.attribute('to').value);
-				
-				if (from.ok && to.ok) {
-					// tween color linearly
-					var r = from.r + (to.r - from.r) * this.progress();
-					var g = from.g + (to.g - from.g) * this.progress();
-					var b = from.b + (to.b - from.b) * this.progress();
-					return 'rgb('+parseInt(r,10)+','+parseInt(g,10)+','+parseInt(b,10)+')';
-				}
-				return this.attribute('from').value;
-			};
-		}
-		svg.Element.animateColor.prototype = new svg.Element.AnimateBase;
-		
-		// animate transform element
-		svg.Element.animateTransform = function(node) {
-			this.base = svg.Element.animate;
-			this.base(node);
-		}
-		svg.Element.animateTransform.prototype = new svg.Element.animate;
-		
-		// text element
-		svg.Element.text = function(node) {
-			this.base = svg.Element.RenderedElementBase;
-			this.base(node);
-			
-			// accumulate all the child text nodes, then trim them
-			this.text = '';
-			for (var i=0; i<node.childNodes.length; i++) {
-				if (node.childNodes[i].nodeType == 3) { // TEXT
-					this.text = this.text + node.childNodes[i].nodeValue;
-				}
-			}
-			this.text = svg.trim(this.text);
-			
-			this.baseSetContext = this.setContext;
-			this.setContext = function(ctx) {
-				this.baseSetContext(ctx);
-				if (this.attribute('text-anchor').hasValue()) {
-					var textAnchor = this.attribute('text-anchor').value;
-					ctx.textAlign = textAnchor == 'middle' ? 'center' : textAnchor;
-				}
-				if (this.attribute('alignment-baseline').hasValue()) ctx.textBaseline = this.attribute('alignment-baseline').value;
-			}
-			
-			this.renderChildren = function(ctx) {
-				var x = this.attribute('x').Length.toPixels('x');
-				var y = this.attribute('y').Length.toPixels('y');
-				if (ctx.fillText) ctx.fillText(this.text, x, y);
-			}
-		}
-		svg.Element.text.prototype = new svg.Element.RenderedElementBase;
-		
-		// group element
-		svg.Element.g = function(node) {
-			this.base = svg.Element.RenderedElementBase;
-			this.base(node);
-		}
-		svg.Element.g.prototype = new svg.Element.RenderedElementBase;
-
-		svg.Element.a = function(node) {
-			this.base = svg.Element.RenderedElementBase;
-			this.base(node);
-		}
-		svg.Element.a.prototype = new svg.Element.RenderedElementBase;
-		
-		svg.Element.style = function(node) { 
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-			
-			var css = node.childNodes[0].nodeValue;
-			css = css.replace(/(\/\*([^*]|[\r\n]|(\*+([^*\/]|[\r\n])))*\*+\/)|(\/\/.*)/gm, ''); // remove comments
-			css = svg.compressSpaces(css); // replace whitespace
-			var cssDefs = css.split('}');
-			for (var i=0; i<cssDefs.length; i++) {
-				if (svg.trim(cssDefs[i]) != '') {
-					var cssDef = cssDefs[i].split('{');
-					var cssClasses = cssDef[0].split(',');
-					var cssProps = cssDef[1].split(';');
-					for (var j=0; j<cssClasses.length; j++) {
-						var cssClass = svg.trim(cssClasses[j]);
-						if (cssClass != '') {
-							var props = {};
-							for (var k=0; k<cssProps.length; k++) {
-								var prop = cssProps[k].split(':');
-								var name = prop[0];
-								var value = prop[1];
-								if (name != null && value != null) {
-									props[svg.trim(prop[0])] = new svg.Property(svg.trim(prop[0]), svg.trim(prop[1]));
-								}
-							}
-							svg.Styles[cssClass] = props;
-						}
-					}
-				}
-			}
-		}
-		svg.Element.style.prototype = new svg.Element.ElementBase;
-		
-		// use element 
-		svg.Element.use = function(node) {
-			this.base = svg.Element.RenderedElementBase;
-			this.base(node);
-			
-			this.baseSetContext = this.setContext;
-			this.setContext = function(ctx) {
-				this.baseSetContext(ctx);
-				if (this.attribute('x').hasValue()) ctx.translate(this.attribute('x').Length.toPixels('x'), 0);
-				if (this.attribute('y').hasValue()) ctx.translate(0, this.attribute('y').Length.toPixels('y'));
-			}
-			
-			this.renderChildren = function(ctx) {
-				var element = this.attribute('xlink:href').Definition.getDefinition();
-				if (element != null) element.render(ctx);
-			}
-		}
-		svg.Element.use.prototype = new svg.Element.RenderedElementBase;
-		
-		// clip element
-		svg.Element.clipPath = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-			
-			this.apply = function(ctx) {
-				for (var i=0; i<this.children.length; i++) {
-					if (this.children[i].path) {
-						this.children[i].path(ctx);
-						ctx.clip();
-					}
-				}
-			}
-		}
-		svg.Element.clipPath.prototype = new svg.Element.ElementBase;
-
-		// title element, do nothing
-		svg.Element.title = function(node) {
-		}
-		svg.Element.title.prototype = new svg.Element.ElementBase;
-
-		// desc element, do nothing
-		svg.Element.desc = function(node) {
-		}
-		svg.Element.desc.prototype = new svg.Element.ElementBase;		
-		
-		svg.Element.MISSING = function(node) {
-			console.log('ERROR: Element \'' + node.nodeName + '\' not yet implemented.');
-		}
-		svg.Element.MISSING.prototype = new svg.Element.ElementBase;
-		
-		// element factory
-		svg.CreateElement = function(node) {
-			var className = 'svg.Element.' + node.nodeName.replace(/^[^:]+:/,'');
-			if (!eval(className)) className = 'svg.Element.MISSING';
-		
-			var e = eval('new ' + className + '(node)');
-			e.type = node.nodeName;
-			return e;
-		}
-				
-		// load from url
-		svg.load = function(ctx, url) {
-			svg.loadXml(ctx, svg.ajax(url));
-		}
-		
-		// load from xml
-		svg.loadXml = function(ctx, xml) {
-			svg.init(ctx);
-		
-			var dom = svg.parseXml(xml);
-			var e = svg.CreateElement(dom.documentElement);
-			
-			// set canvas size
-			if (e.attribute('width').hasValue()) {
-				ctx.canvas.width = e.attribute('width').Length.toPixels(ctx.canvas.parentNode.clientWidth);
-			}
-			if (e.attribute('height').hasValue()) {
-				ctx.canvas.height = e.attribute('height').Length.toPixels(ctx.canvas.parentNode.clientHeight);
-			}
-			svg.ViewPort.SetCurrent(ctx.canvas.clientWidth, ctx.canvas.clientHeight);
-			
-			// render loop
-			ctx.clearRect(0, 0, ctx.canvas.clientWidth, ctx.canvas.clientHeight);
-			e.render(ctx);
-			svg.intervalID = setInterval(function() { 
-				// update animations
-				var needUpdate = false;
-				for (var i=0; i<svg.Animations.length; i++) {
-					needUpdate = needUpdate | svg.Animations[i].update(1000 / svg.FRAMERATE);
-				}
-			
-				// render if needed
-				if (needUpdate) {
-					ctx.clearRect(0, 0, ctx.canvas.clientWidth, ctx.canvas.clientHeight);
-					e.render(ctx);
-				}
-			}, 1000 / svg.FRAMERATE);
-		}
-		
-		svg.stop = function() {
-			if (svg.intervalID) {
-				clearInterval(svg.intervalID);
-			}
-		}
-		
-		return svg;
-	}
-})();
\ No newline at end of file
+/*
+ * canvg.js - Javascript SVG parser and renderer on Canvas
+ * MIT Licensed 
+ * Gabe Lerner (gabelerner@gmail.com)
+ * http://code.google.com/p/canvg/
+ *
+ * Requires: rgbcolor.js - http://www.phpied.com/rgb-color-parser-in-javascript/
+ */
+if(!window.console) {
+	window.console = {};
+	window.console.log = function(str) {};
+	window.console.dir = function(str) {};
+}
+(function(){
+	// canvg(target, s)
+	// target: canvas element or the id of a canvas element
+	// s: svg string or url to svg file
+	this.canvg = function (target, s) {
+		if (typeof target == 'string') {
+			target = document.getElementById(target);
+		}
+		
+		// reuse class per canvas
+		var svg;
+		if (target.svg == null) {
+			svg = build();
+			target.svg = svg;
+		}
+		else {
+			svg = target.svg;
+			svg.stop();
+		}
+		
+		var ctx = target.getContext('2d');
+		if (s.substr(0,1) == '<') {
+			// load from xml string
+			svg.loadXml(ctx, s);
+		}
+		else {
+			// load from url
+			svg.load(ctx, s);
+		}
+	}
+
+	function build() {
+		var svg = {};
+		
+		svg.FRAMERATE = 30;
+		
+		// globals
+		svg.init = function(ctx) {
+			svg.Definitions = {};
+			svg.Styles = {};
+			svg.Animations = [];
+			svg.ctx = ctx;
+			svg.ViewPort = new (function () {
+				this.viewPorts = [];
+				this.SetCurrent = function(width, height) { this.viewPorts.push({ width: width, height: height }); }
+				this.RemoveCurrent = function() { this.viewPorts.pop(); }
+				this.Current = function() { return this.viewPorts[this.viewPorts.length - 1]; }
+				this.width = function() { return this.Current().width; }
+				this.height = function() { return this.Current().height; }
+				this.ComputeSize = function(d) {
+					if (d != null && typeof(d) == 'number') return d;
+					if (d == 'x') return this.width();
+					if (d == 'y') return this.height();
+					return Math.sqrt(Math.pow(this.width(), 2) + Math.pow(this.height(), 2)) / Math.sqrt(2);			
+				}
+			});
+		}
+		svg.init();
+
+		// trim
+		svg.trim = function(s) { return s.replace(/^\s+|\s+$/g, ''); }
+		
+		// compress spaces
+		svg.compressSpaces = function(s) { return s.replace(/[\s\r\t\n]+/gm,' '); }
+		
+		// ajax
+		svg.ajax = function(url) {
+			var AJAX;
+			if(window.XMLHttpRequest){AJAX=new XMLHttpRequest();}
+			else{AJAX=new ActiveXObject('Microsoft.XMLHTTP');}
+			if(AJAX){
+			   AJAX.open('GET',url,false);
+			   AJAX.send(null);
+			   return AJAX.responseText;
+			}
+			return null;
+		} 
+		
+		// parse xml
+		svg.parseXml = function(xml) {
+			if (window.DOMParser)
+			{
+				var parser = new DOMParser();
+				return parser.parseFromString(xml, 'text/xml');
+			}
+			else 
+			{
+				xml = xml.replace(/<!DOCTYPE svg[^>]*>/, '');
+				var xmlDoc = new ActiveXObject('Microsoft.XMLDOM');
+				xmlDoc.async = 'false';
+				xmlDoc.loadXML(xml); 
+				return xmlDoc;
+			}		
+		}
+		
+		svg.Property = function(name, value) {
+			this.name = name;
+			this.value = value;
+			
+			this.hasValue = function() {
+				return (this.value != null && this.value != '');
+			}
+							
+			// return the numerical value of the property
+			this.numValue = function() {
+				if (!this.hasValue()) return 0;
+				
+				var n = parseFloat(this.value);
+				if ((this.value + '').match(/%$/)) {
+					n = n / 100.0;
+				}
+				return n;
+			}
+			
+			this.valueOrDefault = function(def) {
+				if (this.hasValue()) return this.value;
+				return def;
+			}
+			
+			this.numValueOrDefault = function(def) {
+				if (this.hasValue()) return this.numValue();
+				return def;
+			}
+			
+			/* EXTENSIONS */
+			var that = this;
+			
+			// color extensions
+			this.Color = {
+				// augment the current color value with the opacity
+				addOpacity: function(opacity) {
+					var newValue = that.value;
+					if (opacity != null && opacity != '') {
+						var color = new RGBColor(that.value);
+						if (color.ok) {
+							newValue = 'rgba(' + color.r + ', ' + color.g + ', ' + color.b + ', ' + opacity + ')';
+						}
+					}
+					return new svg.Property(that.name, newValue);
+				}
+			}
+			
+			// definition extensions
+			this.Definition = {
+				// get the definition from the definitions table
+				getDefinition: function() {
+					var name = that.value.replace(/^(url\()?#([^\)]+)\)?$/, '$2');
+					return svg.Definitions[name];
+				},
+				
+				isUrl: function() {
+					return that.value.indexOf('url(') == 0
+				},
+				
+				getFillStyle: function(e) {
+					var def = this.getDefinition();
+					
+					// gradient
+					if (def != null && def.createGradient) {
+						return def.createGradient(svg.ctx, e);
+					}
+					
+					// pattern
+					if (def != null && def.createPattern) {
+						return def.createPattern(svg.ctx, e);
+					}
+					
+					return null;
+				}
+			}
+			
+			// length extensions
+			this.Length = {
+				DPI: function(viewPort) {
+					return 96.0; // TODO: compute?
+				},
+				
+				EM: function(viewPort) {
+					var em = 12;
+					
+					var fontSize = new svg.Property('fontSize', svg.Font.Parse(svg.ctx.font).fontSize);
+					if (fontSize.hasValue()) em = fontSize.Length.toPixels(viewPort);
+					
+					return em;
+				},
+			
+				// get the length as pixels
+				toPixels: function(viewPort) {
+					if (!that.hasValue()) return 0;
+					var s = that.value+'';
+					if (s.match(/em$/)) return that.numValue() * this.EM(viewPort);
+					if (s.match(/ex$/)) return that.numValue() * this.EM(viewPort) / 2.0;
+					if (s.match(/px$/)) return that.numValue();
+					if (s.match(/pt$/)) return that.numValue() * 1.25;
+					if (s.match(/pc$/)) return that.numValue() * 15;
+					if (s.match(/cm$/)) return that.numValue() * this.DPI(viewPort) / 2.54;
+					if (s.match(/mm$/)) return that.numValue() * this.DPI(viewPort) / 25.4;
+					if (s.match(/in$/)) return that.numValue() * this.DPI(viewPort);
+					if (s.match(/%$/)) return that.numValue() * svg.ViewPort.ComputeSize(viewPort);
+					return that.numValue();
+				}
+			}
+			
+			// time extensions
+			this.Time = {
+				// get the time as milliseconds
+				toMilliseconds: function() {
+					if (!that.hasValue()) return 0;
+					var s = that.value+'';
+					if (s.match(/s$/)) return that.numValue() * 1000;
+					if (s.match(/ms$/)) return that.numValue();
+					return that.numValue();
+				}
+			}
+			
+			// angle extensions
+			this.Angle = {
+				// get the angle as radians
+				toRadians: function() {
+					if (!that.hasValue()) return 0;
+					var s = that.value+'';
+					if (s.match(/deg$/)) return that.numValue() * (Math.PI / 180.0);
+					if (s.match(/grad$/)) return that.numValue() * (Math.PI / 200.0);
+					if (s.match(/rad$/)) return that.numValue();
+					return that.numValue() * (Math.PI / 180.0);
+				}
+			}
+		}
+		
+		// fonts
+		svg.Font = new (function() {
+			this.Styles = ['normal','italic','oblique','inherit'];
+			this.Variants = ['normal','small-caps','inherit'];
+			this.Weights = ['normal','bold','bolder','lighter','100','200','300','400','500','600','700','800','900','inherit'];
+			
+			this.CreateFont = function(fontStyle, fontVariant, fontWeight, fontSize, fontFamily, inherit) { 
+				var f = inherit != null ? this.Parse(inherit) : this.CreateFont('', '', '', '', '', svg.ctx.font);
+				return { 
+					fontFamily: fontFamily || f.fontFamily, 
+					fontSize: fontSize || f.fontSize, 
+					fontStyle: fontStyle || f.fontStyle, 
+					fontWeight: fontWeight || f.fontWeight, 
+					fontVariant: fontVariant || f.fontVariant,
+					toString: function () { return [this.fontStyle, this.fontVariant, this.fontWeight, this.fontSize, this.fontFamily].join(' ') } 
+				} 
+			}
+			
+			var that = this;
+			this.Parse = function(s) {
+				var f = {};
+				var d = svg.trim(svg.compressSpaces(s || '')).split(' ');
+				var set = { fontSize: false, fontStyle: false, fontWeight: false, fontVariant: false }
+				var ff = '';
+				for (var i=0; i<d.length; i++) {
+					if (!set.fontStyle && that.Styles.indexOf(d[i]) != -1) { if (d[i] != 'inherit') f.fontStyle = d[i]; set.fontStyle = true; }
+					else if (!set.fontVariant && that.Variants.indexOf(d[i]) != -1) { if (d[i] != 'inherit') f.fontVariant = d[i]; set.fontStyle = set.fontVariant = true;	}
+					else if (!set.fontWeight && that.Weights.indexOf(d[i]) != -1) {	if (d[i] != 'inherit') f.fontWeight = d[i]; set.fontStyle = set.fontVariant = set.fontWeight = true; }
+					else if (!set.fontSize) { if (d[i] != 'inherit') f.fontSize = d[i].split('/')[0]; set.fontStyle = set.fontVariant = set.fontWeight = set.fontSize = true; }
+					else { if (d[i] != 'inherit') ff += d[i]; }
+				} if (ff != '') f.fontFamily = ff;
+				return f;
+			}
+		});
+		
+		// points and paths
+		svg.ToNumberArray = function(s) {
+			var a = svg.trim(svg.compressSpaces((s || '').replace(/,/g, ' '))).split(' ');
+			for (var i=0; i<a.length; i++) {
+				a[i] = parseFloat(a[i]);
+			}
+			return a;
+		}		
+		svg.Point = function(x, y) {
+			this.x = x;
+			this.y = y;
+			
+			this.angleTo = function(p) {
+				return Math.atan2(p.y - this.y, p.x - this.x);
+			}
+		}
+		svg.CreatePoint = function(s) {
+			var a = svg.ToNumberArray(s);
+			return new svg.Point(a[0], a[1]);
+		}
+		svg.CreatePath = function(s) {
+			var a = svg.ToNumberArray(s);
+			var path = [];
+			for (var i=0; i<a.length; i+=2) {
+				path.push(new svg.Point(a[i], a[i+1]));
+			}
+			return path;
+		}
+		
+		// bounding box
+		svg.BoundingBox = function(x1, y1, x2, y2) { // pass in initial points if you want
+			this.x1 = Number.NaN;
+			this.y1 = Number.NaN;
+			this.x2 = Number.NaN;
+			this.y2 = Number.NaN;
+			
+			this.x = function() { return this.x1; }
+			this.y = function() { return this.y1; }
+			this.width = function() { return this.x2 - this.x1; }
+			this.height = function() { return this.y2 - this.y1; }
+			
+			this.addPoint = function(x, y) {	
+				if (x != null) {
+					if (isNaN(this.x1) || isNaN(this.x2)) {
+						this.x1 = x;
+						this.x2 = x;
+					}
+					if (x < this.x1) this.x1 = x;
+					if (x > this.x2) this.x2 = x;
+				}
+			
+				if (y != null) {
+					if (isNaN(this.y1) || isNaN(this.y2)) {
+						this.y1 = y;
+						this.y2 = y;
+					}
+					if (y < this.y1) this.y1 = y;
+					if (y > this.y2) this.y2 = y;
+				}
+			}			
+			this.addX = function(x) { this.addPoint(x, null); }
+			this.addY = function(y) { this.addPoint(null, y); }
+			
+			this.addQuadraticCurve = function(p0x, p0y, p1x, p1y, p2x, p2y) {
+				var cp1x = p0x + 2/3 * (p1x - p0x); // CP1 = QP0 + 2/3 *(QP1-QP0)
+				var cp1y = p0y + 2/3 * (p1y - p0y); // CP1 = QP0 + 2/3 *(QP1-QP0)
+				var cp2x = cp1x + 1/3 * (p2x - p0x); // CP2 = CP1 + 1/3 *(QP2-QP0)
+				var cp2y = cp1y + 1/3 * (p2y - p0y); // CP2 = CP1 + 1/3 *(QP2-QP0)
+				this.addBezierCurve(p0x, p0y, cp1x, cp2x, cp1y,	cp2y, p2x, p2y);
+			}
+			
+			this.addBezierCurve = function(p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y) {
+				// from http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html
+				var p0 = [p0x, p0y], p1 = [p1x, p1y], p2 = [p2x, p2y], p3 = [p3x, p3y];
+				this.addPoint(p0[0], p0[1]);
+				this.addPoint(p3[0], p3[1]);
+				
+				for (i=0; i<=1; i++) {
+					var f = function(t) { 
+						return Math.pow(1-t, 3) * p0[i]
+						+ 3 * Math.pow(1-t, 2) * t * p1[i]
+						+ 3 * (1-t) * Math.pow(t, 2) * p2[i]
+						+ Math.pow(t, 3) * p3[i];
+					}
+					
+					var b = 6 * p0[i] - 12 * p1[i] + 6 * p2[i];
+					var a = -3 * p0[i] + 9 * p1[i] - 9 * p2[i] + 3 * p3[i];
+					var c = 3 * p1[i] - 3 * p0[i];
+					
+					if (a == 0) {
+						if (b == 0) continue;
+						var t = -c / b;
+						if (0 < t && t < 1) {
+							if (i == 0) this.addX(f(t));
+							if (i == 1) this.addY(f(t));
+						}
+						continue;
+					}
+					
+					var b2ac = Math.pow(b, 2) - 4 * c * a;
+					if (b2ac < 0) continue;
+					var t1 = (-b + Math.sqrt(b2ac)) / (2 * a);
+					if (0 < t1 && t1 < 1) {
+						if (i == 0) this.addX(f(t1));
+						if (i == 1) this.addY(f(t1));
+					}
+					var t2 = (-b - Math.sqrt(b2ac)) / (2 * a);
+					if (0 < t2 && t2 < 1) {
+						if (i == 0) this.addX(f(t2));
+						if (i == 1) this.addY(f(t2));
+					}
+				}
+			}
+			
+			this.addPoint(x1, y1);
+			this.addPoint(x2, y2);
+		}
+		
+		// transforms
+		svg.Transform = function(v) {	
+			var that = this;
+			this.Type = {}
+		
+			// translate
+			this.Type.translate = function(s) {
+				this.p = svg.CreatePoint(s);			
+				this.apply = function(ctx) {
+					ctx.translate(this.p.x || 0.0, this.p.y || 0.0);
+				}
+			}
+			
+			// rotate
+			this.Type.rotate = function(s) {
+				var a = svg.ToNumberArray(s);
+				this.angle = new svg.Property('angle', a[0]);
+				this.cx = a[1] || 0;
+				this.cy = a[2] || 0;
+				this.apply = function(ctx) {
+					ctx.translate(this.cx, this.cy);
+					ctx.rotate(this.angle.Angle.toRadians());
+					ctx.translate(-this.cx, -this.cy);
+				}
+			}
+			
+			this.Type.scale = function(s) {
+				this.p = svg.CreatePoint(s);
+				this.apply = function(ctx) {
+					ctx.scale(this.p.x || 1.0, this.p.y || this.p.x || 1.0);
+				}
+			}
+			
+			this.Type.matrix = function(s) {
+				this.m = svg.ToNumberArray(s);
+				this.apply = function(ctx) {
+					ctx.transform(this.m[0], this.m[1], this.m[2], this.m[3], this.m[4], this.m[5]);
+				}
+			}
+			
+			this.Type.SkewBase = function(s) {
+				this.base = that.Type.matrix;
+				this.base(s);
+				this.angle = new svg.Property('angle', s);
+			}
+			this.Type.SkewBase.prototype = new this.Type.matrix;
+			
+			this.Type.skewX = function(s) {
+				this.base = that.Type.SkewBase;
+				this.base(s);
+				this.m = [1, 0, Math.tan(this.angle.Angle.toRadians()), 1, 0, 0];
+			}
+			this.Type.skewX.prototype = new this.Type.SkewBase;
+			
+			this.Type.skewY = function(s) {
+				this.base = that.Type.SkewBase;
+				this.base(s);
+				this.m = [1, Math.tan(this.angle.Angle.toRadians()), 0, 1, 0, 0];
+			}
+			this.Type.skewY.prototype = new this.Type.SkewBase;
+		
+			this.transforms = [];
+			this.apply = function(ctx) {
+				for (var i=0; i<this.transforms.length; i++) {
+					this.transforms[i].apply(ctx);
+				}
+			}
+			
+			var data = v.split(/\s(?=[a-z])/);
+			for (var i=0; i<data.length; i++) {
+				var type = data[i].split('(')[0];
+				var s = data[i].split('(')[1].replace(')','');
+				var transform = eval('new this.Type.' + type + '(s)');
+				this.transforms.push(transform);
+			}
+		}
+		
+		// elements
+		svg.Element = {}
+		
+		svg.Element.ElementBase = function(node) {	
+			this.attributes = {};
+			this.styles = {};
+			this.children = [];
+			
+			// get or create attribute
+			this.attribute = function(name, createIfNotExists) {
+				var a = this.attributes[name];
+				if (a != null) return a;
+							
+				a = new svg.Property(name, '');
+				if (createIfNotExists == true) this.attributes[name] = a;
+				return a;
+			}
+			
+			// get or create style
+			this.style = function(name, createIfNotExists) {
+				var s = this.styles[name];
+				if (s != null) return s;
+				
+				var a = this.attribute(name);
+				if (a != null && a.hasValue()) {
+					return a;
+				}
+					
+				s = new svg.Property(name, '');
+				if (createIfNotExists == true) this.styles[name] = s;
+				return s;
+			}
+			
+			// base render
+			this.render = function(ctx) {
+				ctx.save();
+				this.setContext(ctx);
+				this.renderChildren(ctx);
+				this.clearContext(ctx);
+				ctx.restore();
+			}
+			
+			// base set context
+			this.setContext = function(ctx) {
+				// OVERRIDE ME!
+			}
+			
+			// base clear context
+			this.clearContext = function(ctx) {
+				// OVERRIDE ME!
+			}			
+			
+			// base render children
+			this.renderChildren = function(ctx) {
+				for (var i=0; i<this.children.length; i++) {
+					this.children[i].render(ctx);
+				}
+			}
+			
+			this.addChild = function(childNode, create) {
+				var child = childNode;
+				if (create) child = svg.CreateElement(childNode);
+				child.parent = this;
+				this.children.push(child);			
+			}
+				
+			if (node != null && node.nodeType == 1) { //ELEMENT_NODE
+				// add children
+				for (var i=0; i<node.childNodes.length; i++) {
+					var childNode = node.childNodes[i];
+					if (childNode.nodeType == 1) this.addChild(childNode, true); //ELEMENT_NODE
+				}
+				
+				// add attributes
+				for (var i=0; i<node.attributes.length; i++) {
+					var attribute = node.attributes[i];
+					this.attributes[attribute.nodeName] = new svg.Property(attribute.nodeName, attribute.nodeValue);
+				}
+										
+				// add tag styles
+				var styles = svg.Styles[this.type];
+				if (styles != null) {
+					for (var name in styles) {
+						this.styles[name] = styles[name];
+					}
+				}					
+				
+				// add class styles
+				if (this.attribute('class').hasValue()) {
+					var classes = svg.compressSpaces(this.attribute('class').value).split(' ');
+					for (var j=0; j<classes.length; j++) {
+						styles = svg.Styles['.'+classes[j]];
+						if (styles != null) {
+							for (var name in styles) {
+								this.styles[name] = styles[name];
+							}
+						}
+					}
+				}
+				
+				// add inline styles
+				if (this.attribute('style').hasValue()) {
+					var styles = this.attribute('style').value.split(';');
+					for (var i=0; i<styles.length; i++) {
+						if (svg.trim(styles[i]) != '') {
+							var style = styles[i].split(':');
+							var name = svg.trim(style[0]);
+							var value = svg.trim(style[1]);
+							this.styles[name] = new svg.Property(name, value);
+						}
+					}
+				}
+				
+				// set id
+				if (this.attribute('id').hasValue()) svg.Definitions[this.attribute('id').value] = this;				
+			}
+		}
+		
+		svg.Element.RenderedElementBase = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+			
+			this.setContext = function(ctx) {
+				// fill
+				if (this.style('fill').Definition.isUrl()) {
+					var fs = this.style('fill').Definition.getFillStyle(this);
+					if (fs != null) ctx.fillStyle = fs;
+				}
+				else if (this.style('fill').hasValue()) {
+					var fillStyle = this.style('fill');
+					if (this.style('fill-opacity').hasValue()) fillStyle = fillStyle.Color.addOpacity(this.style('fill-opacity').value);
+					ctx.fillStyle = (fillStyle.value == 'none' ? 'rgba(0,0,0,0)' : fillStyle.value);
+				}
+									
+				// stroke
+				if (this.style('stroke').Definition.isUrl()) {
+					var fs = this.style('stroke').Definition.getFillStyle(this);
+					if (fs != null) ctx.strokeStyle = fs;
+				}
+				else if (this.style('stroke').hasValue()) {
+					var strokeStyle = this.style('stroke');
+					if (this.style('stroke-opacity').hasValue()) strokeStyle = strokeStyle.Color.addOpacity(this.style('stroke-opacity').value);
+					ctx.strokeStyle = (strokeStyle.value == 'none' ? 'rgba(0,0,0,0)' : strokeStyle.value);
+				}
+				if (this.style('stroke-width').hasValue()) ctx.lineWidth = this.style('stroke-width').Length.toPixels();
+				if (this.style('stroke-linecap').hasValue()) ctx.lineCap = this.style('stroke-linecap').value;
+				if (this.style('stroke-linejoin').hasValue()) ctx.lineJoin = this.style('stroke-linejoin').value;
+				if (this.style('stroke-miterlimit').hasValue()) ctx.miterLimit = this.style('stroke-miterlimit').value;
+
+				// font
+				if (typeof(ctx.font) != 'undefined') {
+					ctx.font = svg.Font.CreateFont( 
+						this.style('font-style').value, 
+						this.style('font-variant').value, 
+						this.style('font-weight').value, 
+						this.style('font-size').hasValue() ? this.style('font-size').Length.toPixels() + 'px' : '', 
+						this.style('font-family').value).toString();
+				}
+				
+				// transform
+				if (this.attribute('transform').hasValue()) { 
+					var transform = new svg.Transform(this.attribute('transform').value);
+					transform.apply(ctx);
+				}
+				
+				// clip
+				if (this.attribute('clip-path').hasValue()) {
+					var clip = this.attribute('clip-path').Definition.getDefinition();
+					if (clip != null) clip.apply(ctx);
+				}
+				
+				// opacity
+				if (this.style('opacity').hasValue()) {
+					ctx.globalAlpha = this.style('opacity').numValue();
+				}
+			}		
+		}
+		svg.Element.RenderedElementBase.prototype = new svg.Element.ElementBase;
+		
+		svg.Element.PathElementBase = function(node) {
+			this.base = svg.Element.RenderedElementBase;
+			this.base(node);
+			
+			this.path = function(ctx) {
+				if (ctx != null) ctx.beginPath();
+				return new svg.BoundingBox();
+			}
+			
+			this.renderChildren = function(ctx) {
+				this.path(ctx);
+				if (ctx.fillStyle != '') ctx.fill();
+				if (ctx.strokeStyle != '') ctx.stroke();
+				
+				var markers = this.getMarkers();
+				if (markers != null) {
+					if (this.attribute('marker-start').Definition.isUrl()) {
+						var marker = this.attribute('marker-start').Definition.getDefinition();
+						marker.render(ctx, markers[0][0], markers[0][1]);
+					}
+					if (this.attribute('marker-mid').Definition.isUrl()) {
+						var marker = this.attribute('marker-mid').Definition.getDefinition();
+						for (var i=1;i<markers.length-1;i++) {
+							marker.render(ctx, markers[i][0], markers[i][1]);
+						}
+					}
+					if (this.attribute('marker-end').Definition.isUrl()) {
+						var marker = this.attribute('marker-end').Definition.getDefinition();
+						marker.render(ctx, markers[markers.length-1][0], markers[markers.length-1][1]);
+					}
+				}					
+			}
+			
+			this.getBoundingBox = function() {
+				return this.path();
+			}
+			
+			this.getMarkers = function() {
+				return null;
+			}
+		}
+		svg.Element.PathElementBase.prototype = new svg.Element.RenderedElementBase;
+		
+		// svg element
+		svg.Element.svg = function(node) {
+			this.base = svg.Element.RenderedElementBase;
+			this.base(node);
+			
+			this.baseClearContext = this.clearContext;
+			this.clearContext = function(ctx) {
+				this.baseClearContext(ctx);
+				svg.ViewPort.RemoveCurrent();
+			}
+			
+			this.baseSetContext = this.setContext;
+			this.setContext = function(ctx) {
+				this.baseSetContext(ctx);
+				
+				// create new view port
+				if (this.attribute('x').hasValue() && this.attribute('y').hasValue()) {
+					ctx.translate(this.attribute('x').Length.toPixels('x'), this.attribute('y').Length.toPixels('y'));
+				}
+				
+				var width = svg.ViewPort.width();
+				var height = svg.ViewPort.height();
+				if (this.attribute('width').hasValue() && this.attribute('height').hasValue()) {
+					width = this.attribute('width').Length.toPixels('x');
+					height = this.attribute('height').Length.toPixels('y');
+					
+					var x = 0;
+					var y = 0;
+					if (this.attribute('refX').hasValue() && this.attribute('refY').hasValue()) {
+						x = -this.attribute('refX').Length.toPixels('x');
+						y = -this.attribute('refY').Length.toPixels('y');
+					}
+					
+					ctx.beginPath();
+					ctx.moveTo(x, y);
+					ctx.lineTo(width, y);
+					ctx.lineTo(width, height);
+					ctx.lineTo(x, height);
+					ctx.closePath();
+					ctx.clip();
+				}
+				svg.ViewPort.SetCurrent(width, height);	
+						
+				// viewbox
+				if (this.attribute('viewBox').hasValue()) {				
+					var viewBox = svg.ToNumberArray(this.attribute('viewBox').value);
+					var minX = viewBox[0];
+					var minY = viewBox[1];
+					width = viewBox[2];
+					height = viewBox[3];
+					
+					// aspect ratio - http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute
+					var preserveAspectRatio = svg.compressSpaces(this.attribute('preserveAspectRatio').value);
+					preserveAspectRatio = preserveAspectRatio.replace(/^defer\s/,''); // ignore defer
+					var align = preserveAspectRatio.split(' ')[0] || 'xMidYMid';
+					var meetOrSlice = preserveAspectRatio.split(' ')[1] || 'meet';					
+					
+					// calculate scale
+					var scaleX = svg.ViewPort.width() / width;
+					var scaleY = svg.ViewPort.height() / height;
+					var scaleMin = Math.min(scaleX, scaleY);
+					var scaleMax = Math.max(scaleX, scaleY);
+					if (meetOrSlice == 'meet') { width *= scaleMin; height *= scaleMin; }
+					if (meetOrSlice == 'slice') { width *= scaleMax; height *= scaleMax; }	
+					
+					if (this.attribute('refX').hasValue() && this.attribute('refY').hasValue()) {
+						ctx.translate(-scaleMin * this.attribute('refX').Length.toPixels('x'), -scaleMin * this.attribute('refY').Length.toPixels('y'));
+					} 
+					else {					
+						// align
+						if (align.match(/^xMid/) && ((meetOrSlice == 'meet' && scaleMin == scaleY) || (meetOrSlice == 'slice' && scaleMax == scaleY))) ctx.translate(svg.ViewPort.width() / 2.0 - width / 2.0, 0); 
+						if (align.match(/YMid$/) && ((meetOrSlice == 'meet' && scaleMin == scaleX) || (meetOrSlice == 'slice' && scaleMax == scaleX))) ctx.translate(0, svg.ViewPort.height() / 2.0 - height / 2.0); 
+						if (align.match(/^xMax/) && ((meetOrSlice == 'meet' && scaleMin == scaleY) || (meetOrSlice == 'slice' && scaleMax == scaleY))) ctx.translate(svg.ViewPort.width() - width, 0); 
+						if (align.match(/YMax$/) && ((meetOrSlice == 'meet' && scaleMin == scaleX) || (meetOrSlice == 'slice' && scaleMax == scaleX))) ctx.translate(0, svg.ViewPort.height() - height); 
+					}
+					
+					// scale
+					if (meetOrSlice == 'meet') ctx.scale(scaleMin, scaleMin); 
+					if (meetOrSlice == 'slice') ctx.scale(scaleMax, scaleMax); 	
+					ctx.translate(-minX, -minY);	
+					
+					svg.ViewPort.RemoveCurrent();	
+					svg.ViewPort.SetCurrent(viewBox[2], viewBox[3]);						
+				}				
+				
+				// initial values
+				ctx.strokeStyle = 'rgba(0,0,0,0)';
+				ctx.lineCap = 'butt';
+				ctx.lineJoin = 'miter';
+				ctx.miterLimit = 4;
+			}
+		}
+		svg.Element.svg.prototype = new svg.Element.RenderedElementBase;
+
+		// rect element
+		svg.Element.rect = function(node) {
+			this.base = svg.Element.PathElementBase;
+			this.base(node);
+			
+			this.path = function(ctx) {
+				var x = this.attribute('x').Length.toPixels('x');
+				var y = this.attribute('y').Length.toPixels('y');
+				var width = this.attribute('width').Length.toPixels('x');
+				var height = this.attribute('height').Length.toPixels('y');
+				var rx = this.attribute('rx').Length.toPixels('x');
+				var ry = this.attribute('ry').Length.toPixels('y');
+				if (this.attribute('rx').hasValue() && !this.attribute('ry').hasValue()) ry = rx;
+				if (this.attribute('ry').hasValue() && !this.attribute('rx').hasValue()) rx = ry;
+				
+				if (ctx != null) {
+					ctx.beginPath();
+					ctx.moveTo(x + rx, y);
+					ctx.lineTo(x + width - rx, y);
+					ctx.quadraticCurveTo(x + width, y, x + width, y + ry)
+					ctx.lineTo(x + width, y + height - ry);
+					ctx.quadraticCurveTo(x + width, y + height, x + width - rx, y + height)
+					ctx.lineTo(x + rx, y + height);
+					ctx.quadraticCurveTo(x, y + height, x, y + height - ry)
+					ctx.lineTo(x, y + ry);
+					ctx.quadraticCurveTo(x, y, x + rx, y)
+					ctx.closePath();
+				}
+				
+				return new svg.BoundingBox(x, y, x + width, y + height);
+			}
+		}
+		svg.Element.rect.prototype = new svg.Element.PathElementBase;
+		
+		// circle element
+		svg.Element.circle = function(node) {
+			this.base = svg.Element.PathElementBase;
+			this.base(node);
+			
+			this.path = function(ctx) {
+				var cx = this.attribute('cx').Length.toPixels('x');
+				var cy = this.attribute('cy').Length.toPixels('y');
+				var r = this.attribute('r').Length.toPixels();
+			
+				if (ctx != null) {
+					ctx.beginPath();
+					ctx.arc(cx, cy, r, 0, Math.PI * 2, true); 
+					ctx.closePath();
+				}
+				
+				return new svg.BoundingBox(cx - r, cy - r, cx + r, cy + r);
+			}
+		}
+		svg.Element.circle.prototype = new svg.Element.PathElementBase;	
+
+		// ellipse element
+		svg.Element.ellipse = function(node) {
+			this.base = svg.Element.PathElementBase;
+			this.base(node);
+			
+			this.path = function(ctx) {
+				var KAPPA = 4 * ((Math.sqrt(2) - 1) / 3);
+				var rx = this.attribute('rx').Length.toPixels('x');
+				var ry = this.attribute('ry').Length.toPixels('y');
+				var cx = this.attribute('cx').Length.toPixels('x');
+				var cy = this.attribute('cy').Length.toPixels('y');
+				
+				if (ctx != null) {
+					ctx.beginPath();
+					ctx.moveTo(cx, cy - ry);
+					ctx.bezierCurveTo(cx + (KAPPA * rx), cy - ry,  cx + rx, cy - (KAPPA * ry), cx + rx, cy);
+					ctx.bezierCurveTo(cx + rx, cy + (KAPPA * ry), cx + (KAPPA * rx), cy + ry, cx, cy + ry);
+					ctx.bezierCurveTo(cx - (KAPPA * rx), cy + ry, cx - rx, cy + (KAPPA * ry), cx - rx, cy);
+					ctx.bezierCurveTo(cx - rx, cy - (KAPPA * ry), cx - (KAPPA * rx), cy - ry, cx, cy - ry);
+					ctx.closePath();
+				}
+				
+				return new svg.BoundingBox(cx - rx, cy - ry, cx + rx, cy + ry);
+			}
+		}
+		svg.Element.ellipse.prototype = new svg.Element.PathElementBase;			
+		
+		// line element
+		svg.Element.line = function(node) {
+			this.base = svg.Element.PathElementBase;
+			this.base(node);
+			
+			this.getPoints = function() {
+				return [
+					new svg.Point(this.attribute('x1').Length.toPixels('x'), this.attribute('y1').Length.toPixels('y')),
+					new svg.Point(this.attribute('x2').Length.toPixels('x'), this.attribute('y2').Length.toPixels('y'))];
+			}
+								
+			this.path = function(ctx) {
+				var points = this.getPoints();
+				
+				if (ctx != null) {
+					ctx.beginPath();
+					ctx.moveTo(points[0].x, points[0].y);
+					ctx.lineTo(points[1].x, points[1].y);
+				}
+				
+				return new svg.BoundingBox(points[0].x, points[0].y, points[1].x, points[1].y);
+			}
+			
+			this.getMarkers = function() {
+				var points = this.getPoints();	
+				var a = points[0].angleTo(points[1]);
+				return [[points[0], a], [points[1], a]];
+			}
+		}
+		svg.Element.line.prototype = new svg.Element.PathElementBase;		
+				
+		// polyline element
+		svg.Element.polyline = function(node) {
+			this.base = svg.Element.PathElementBase;
+			this.base(node);
+			
+			this.points = svg.CreatePath(this.attribute('points').value);
+			this.path = function(ctx) {
+				var bb = new svg.BoundingBox(this.points[0].x, this.points[0].y);
+				if (ctx != null) {
+					ctx.beginPath();
+					ctx.moveTo(this.points[0].x, this.points[0].y);
+				}
+				for (var i=1; i<this.points.length; i++) {
+					bb.addPoint(this.points[i].x, this.points[i].y);
+					if (ctx != null) ctx.lineTo(this.points[i].x, this.points[i].y);
+				}
+				return bb;
+			}
+			
+			this.getMarkers = function() {
+				var markers = [];
+				for (var i=0; i<this.points.length - 1; i++) {
+					markers.push([this.points[i], this.points[i].angleTo(this.points[i+1])]);
+				}
+				markers.push([this.points[this.points.length-1], markers[markers.length-1][1]]);
+				return markers;
+			}			
+		}
+		svg.Element.polyline.prototype = new svg.Element.PathElementBase;				
+				
+		// polygon element
+		svg.Element.polygon = function(node) {
+			this.base = svg.Element.polyline;
+			this.base(node);
+			
+			this.basePath = this.path;
+			this.path = function(ctx) {
+				var bb = this.basePath(ctx);
+				if (ctx != null) {
+					ctx.lineTo(this.points[0].x, this.points[0].y);
+					ctx.closePath();
+				}
+				return bb;
+			}
+		}
+		svg.Element.polygon.prototype = new svg.Element.polyline;
+
+		// path element
+		svg.Element.path = function(node) {
+			this.base = svg.Element.PathElementBase;
+			this.base(node);
+					
+			var d = this.attribute('d').value;
+			// TODO: floating points, convert to real lexer based on http://www.w3.org/TR/SVG11/paths.html#PathDataBNF
+			d = d.replace(/,/gm,' '); // get rid of all commas
+			d = d.replace(/([A-Za-z])([A-Za-z])/gm,'$1 $2'); // separate commands from commands
+			d = d.replace(/([A-Za-z])([A-Za-z])/gm,'$1 $2'); // separate commands from commands
+			d = d.replace(/([A-Za-z])([^\s])/gm,'$1 $2'); // separate commands from points
+			d = d.replace(/([^\s])([A-Za-z])/gm,'$1 $2'); // separate commands from points
+			d = d.replace(/([0-9])([+\-])/gm,'$1 $2'); // separate digits when no comma
+			d = d.replace(/(\.[0-9]*)(\.)/gm,'$1 $2'); // separate digits when no comma
+			d = d.replace(/([Aa](\s+[0-9]+){3})\s+([01])\s*([01])/gm,'$1 $3 $4 '); // shorthand elliptical arc path syntax
+			d = svg.compressSpaces(d); // compress multiple spaces
+			d = svg.trim(d);
+			this.PathParser = new (function(d) {
+				this.tokens = d.split(' ');
+				
+				this.reset = function() {
+					this.i = -1;
+					this.command = '';
+					this.control = new svg.Point(0, 0);
+					this.current = new svg.Point(0, 0);
+					this.points = [];
+					this.angles = [];
+				}
+								
+				this.isEnd = function() {
+					return this.i == this.tokens.length - 1;
+				}
+				
+				this.isCommandOrEnd = function() {
+					if (this.isEnd()) return true;
+					return this.tokens[this.i + 1].match(/[A-Za-z]/) != null;
+				}
+				
+				this.isRelativeCommand = function() {
+					return this.command == this.command.toLowerCase();
+				}
+				
+				this.getToken = function() {
+					this.i = this.i + 1;
+					return this.tokens[this.i];
+				}
+				
+				this.getScalar = function() {
+					return parseFloat(this.getToken());
+				}
+				
+				this.nextCommand = function() {
+					this.command = this.getToken();
+				}				
+				
+				this.getPoint = function() {
+					var p = new svg.Point(this.getScalar(), this.getScalar());
+					return this.makeAbsolute(p);
+				}
+				
+				this.getAsControlPoint = function() {
+					var p = this.getPoint();
+					this.control = p;
+					return p;
+				}
+				
+				this.getAsCurrentPoint = function() {
+					var p = this.getPoint();
+					this.current = p;
+					return p;	
+				}
+				
+				this.getReflectedControlPoint = function() {
+					var p = new svg.Point(2 * this.current.x - this.control.x, 2 * this.current.y - this.control.y);					
+					return this.makeAbsolute(p);
+				}
+				
+				this.makeAbsolute = function(p) {
+					if (this.isRelativeCommand()) {
+						p.x = this.current.x + p.x;
+						p.y = this.current.y + p.y;
+					}
+					return p;
+				}
+				
+				this.addMarker = function(p, from) {
+					this.addMarkerAngle(p, from == null ? null : from.angleTo(p));
+				}
+				
+				this.addMarkerAngle = function(p, a) {
+					this.points.push(p);
+					this.angles.push(a);
+				}				
+				
+				this.getMarkerPoints = function() { return this.points; }
+				this.getMarkerAngles = function() {
+					for (var i=0; i<this.angles.length; i++) {
+						if (this.angles[i] == null) {
+							for (var j=i+1; j<this.angles.length; j++) {
+								if (this.angles[j] != null) {
+									this.angles[i] = this.angles[j];
+									break;
+								}
+							}
+						}
+					}
+					return this.angles;
+				}
+			})(d);
+			
+			this.path = function(ctx) {		
+				var pp = this.PathParser;
+				pp.reset();
+				
+				var bb = new svg.BoundingBox();
+				if (ctx != null) ctx.beginPath();
+				while (!pp.isEnd()) {
+					pp.nextCommand();
+					if (pp.command.toUpperCase() == 'M') {
+						var p = pp.getAsCurrentPoint();
+						pp.addMarker(p);
+						bb.addPoint(p.x, p.y);
+						if (ctx != null) ctx.moveTo(p.x, p.y);
+						while (!pp.isCommandOrEnd()) {
+							var p = pp.getAsCurrentPoint();
+							pp.addMarker(p);
+							bb.addPoint(p.x, p.y);
+							if (ctx != null) ctx.lineTo(p.x, p.y);
+						}
+					}
+					else if (pp.command.toUpperCase() == 'L') {
+						while (!pp.isCommandOrEnd()) {
+							var c = pp.current;
+							var p = pp.getAsCurrentPoint();
+							pp.addMarker(p, c);
+							bb.addPoint(p.x, p.y);
+							if (ctx != null) ctx.lineTo(p.x, p.y);
+						}
+					}
+					else if (pp.command.toUpperCase() == 'H') {
+						while (!pp.isCommandOrEnd()) {
+							var newP = new svg.Point((pp.isRelativeCommand() ? pp.current.x : 0) + pp.getScalar(), pp.current.y);
+							pp.addMarker(newP, pp.current);
+							pp.current = newP;
+							bb.addPoint(pp.current.x, pp.current.y);
+							if (ctx != null) ctx.lineTo(pp.current.x, pp.current.y);
+						}
+					}
+					else if (pp.command.toUpperCase() == 'V') {
+						while (!pp.isCommandOrEnd()) {
+							var newP = new svg.Point(pp.current.x, (pp.isRelativeCommand() ? pp.current.y : 0) + pp.getScalar());
+							pp.addMarker(newP, pp.current);
+							pp.current = newP;
+							bb.addPoint(pp.current.x, pp.current.y);
+							if (ctx != null) ctx.lineTo(pp.current.x, pp.current.y);
+						}
+					}
+					else if (pp.command.toUpperCase() == 'C') {
+						while (!pp.isCommandOrEnd()) {
+							var curr = pp.current;
+							var p1 = pp.getPoint();
+							var cntrl = pp.getAsControlPoint();
+							var cp = pp.getAsCurrentPoint();
+							pp.addMarker(cp, cntrl);
+							bb.addBezierCurve(curr.x, curr.y, p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
+							if (ctx != null) ctx.bezierCurveTo(p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
+						}
+					}
+					else if (pp.command.toUpperCase() == 'S') {
+						while (!pp.isCommandOrEnd()) {
+							var curr = pp.current;
+							var p1 = pp.getReflectedControlPoint();
+							var cntrl = pp.getAsControlPoint();
+							var cp = pp.getAsCurrentPoint();
+							pp.addMarker(cp, cntrl);
+							bb.addBezierCurve(curr.x, curr.y, p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
+							if (ctx != null) ctx.bezierCurveTo(p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
+						}				
+					}					
+					else if (pp.command.toUpperCase() == 'Q') {
+						while (!pp.isCommandOrEnd()) {
+							var curr = pp.current;
+							var cntrl = pp.getAsControlPoint();
+							var cp = pp.getAsCurrentPoint();
+							pp.addMarker(cp, cntrl);
+							bb.addQuadraticCurve(curr.x, curr.y, cntrl.x, cntrl.y, cp.x, cp.y);
+							if (ctx != null) ctx.quadraticCurveTo(cntrl.x, cntrl.y, cp.x, cp.y);
+						}
+					}					
+					else if (pp.command.toUpperCase() == 'T') {
+						while (!pp.isCommandOrEnd()) {
+							var curr = pp.current;
+							var cntrl = pp.getReflectedControlPoint();
+							pp.control = cntrl;
+							var cp = pp.getAsCurrentPoint();
+							pp.addMarker(cp, cntrl);
+							bb.addQuadraticCurve(curr.x, curr.y, cntrl.x, cntrl.y, cp.x, cp.y);
+							if (ctx != null) ctx.quadraticCurveTo(cntrl.x, cntrl.y, cp.x, cp.y);
+						}					
+					}
+
+					else if (pp.command.toUpperCase() == 'A') {
+						while (!pp.isCommandOrEnd()) {
+						    var curr = pp.current;
+							var rx = pp.getScalar();
+							var ry = pp.getScalar();
+							var xAxisRotation = pp.getScalar() * (Math.PI / 180.0);
+							var largeArcFlag = pp.getScalar();
+							var sweepFlag = pp.getScalar();
+							var cp = pp.getAsCurrentPoint();
+							
+							// Conversion from endpoint to center parameterization
+							// http://www.w3.org/TR/SVG11/implnote.html#ArcImplementationNotes
+							// x1', y1'
+							var currp = new svg.Point(
+								Math.cos(xAxisRotation) * (curr.x - cp.x) / 2.0 + Math.sin(xAxisRotation) * (curr.y - cp.y) / 2.0,
+								-Math.sin(xAxisRotation) * (curr.x - cp.x) / 2.0 + Math.cos(xAxisRotation) * (curr.y - cp.y) / 2.0
+							);
+							// adjust radii
+							var l = Math.pow(currp.x,2)/Math.pow(rx,2)+Math.pow(currp.y,2)/Math.pow(ry,2);
+							if (l > 1) {
+								rx *= Math.sqrt(l);
+								ry *= Math.sqrt(l);
+							}
+							// cx', cy'
+							var s = (largeArcFlag == sweepFlag ? -1 : 1) * Math.sqrt(
+								((Math.pow(rx,2)*Math.pow(ry,2))-(Math.pow(rx,2)*Math.pow(currp.y,2))-(Math.pow(ry,2)*Math.pow(currp.x,2))) /
+								(Math.pow(rx,2)*Math.pow(currp.y,2)+Math.pow(ry,2)*Math.pow(currp.x,2))
+							);
+							if (isNaN(s)) s = 0;
+							var cpp = new svg.Point(s * rx * currp.y / ry, s * -ry * currp.x / rx);
+							// cx, cy
+							var centp = new svg.Point(
+								(curr.x + cp.x) / 2.0 + Math.cos(xAxisRotation) * cpp.x - Math.sin(xAxisRotation) * cpp.y,
+								(curr.y + cp.y) / 2.0 + Math.sin(xAxisRotation) * cpp.x + Math.cos(xAxisRotation) * cpp.y
+							);
+							// vector magnitude
+							var m = function(v) { return Math.sqrt(Math.pow(v[0],2) + Math.pow(v[1],2)); }
+							// ratio between two vectors
+							var r = function(u, v) { return (u[0]*v[0]+u[1]*v[1]) / (m(u)*m(v)) }
+							// angle between two vectors
+							var a = function(u, v) { return (u[0]*v[1] < u[1]*v[0] ? -1 : 1) * Math.acos(r(u,v)); }
+							// initial angle
+							var a1 = a([1,0], [(currp.x-cpp.x)/rx,(currp.y-cpp.y)/ry]);
+							// angle delta
+							var u = [(currp.x-cpp.x)/rx,(currp.y-cpp.y)/ry];
+							var v = [(-currp.x-cpp.x)/rx,(-currp.y-cpp.y)/ry];
+							var ad = a(u, v);
+							if (r(u,v) <= -1) ad = Math.PI;
+							if (r(u,v) >= 1) ad = 0;
+							
+							if (sweepFlag == 0 && ad > 0) ad = ad - 2 * Math.PI;
+							if (sweepFlag == 1 && ad < 0) ad = ad + 2 * Math.PI;
+							
+							// for markers
+							var halfWay = new svg.Point(
+								centp.x - rx * Math.cos((a1 + ad) / 2),
+								centp.y - ry * Math.sin((a1 + ad) / 2)
+							);
+							pp.addMarkerAngle(halfWay, (a1 + ad) / 2 + (sweepFlag == 0 ? 1 : -1) * Math.PI / 2);
+							pp.addMarkerAngle(cp, ad + (sweepFlag == 0 ? 1 : -1) * Math.PI / 2);
+														
+							bb.addPoint(cp.x, cp.y); // TODO: this is too naive, make it better
+							if (ctx != null) {
+								var r = rx > ry ? rx : ry;
+								var sx = rx > ry ? 1 : rx / ry;
+								var sy = rx > ry ? ry / rx : 1;
+							
+								ctx.translate(centp.x, centp.y);
+								ctx.rotate(xAxisRotation);
+								ctx.scale(sx, sy);
+								ctx.arc(0, 0, r, a1, a1 + ad, 1 - sweepFlag);
+								ctx.scale(1/sx, 1/sy);
+								ctx.rotate(-xAxisRotation);
+								ctx.translate(-centp.x, -centp.y);
+							}
+						}
+					}
+					else if (pp.command.toUpperCase() == 'Z') {
+						if (ctx != null) ctx.closePath();
+					}
+				}
+							
+				return bb;
+			}
+			
+			this.getMarkers = function() {
+				var points = this.PathParser.getMarkerPoints();
+				var angles = this.PathParser.getMarkerAngles();
+				
+				var markers = [];
+				for (var i=0; i<points.length; i++) {
+					markers.push([points[i], angles[i]]);
+				}
+				return markers;
+			}
+		}
+		svg.Element.path.prototype = new svg.Element.PathElementBase;
+		
+		// pattern element
+		svg.Element.pattern = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+			
+			this.createPattern = function(ctx, element) {
+				// render me using a temporary svg element
+				var tempSvg = new svg.Element.svg();
+				tempSvg.attributes['viewBox'] = new svg.Property('viewBox', this.attribute('viewBox').value);
+				tempSvg.attributes['x'] = new svg.Property('x', this.attribute('x').value);
+				tempSvg.attributes['y'] = new svg.Property('y', this.attribute('y').value);
+				tempSvg.attributes['width'] = new svg.Property('width', this.attribute('width').value);
+				tempSvg.attributes['height'] = new svg.Property('height', this.attribute('height').value);
+				tempSvg.children = this.children;
+				
+				var c = document.createElement('canvas');
+				c.width = this.attribute('width').Length.toPixels();
+				c.height = this.attribute('height').Length.toPixels();
+				tempSvg.render(c.getContext('2d'));		
+				return ctx.createPattern(c, 'repeat');
+			}
+		}
+		svg.Element.pattern.prototype = new svg.Element.ElementBase;
+		
+		// marker element
+		svg.Element.marker = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+			
+			this.baseRender = this.render;
+			this.render = function(ctx, point, angle) {
+				ctx.translate(point.x, point.y);
+				if (this.attribute('orient').valueOrDefault('auto') == 'auto') ctx.rotate(angle);
+				if (this.attribute('markerUnits').valueOrDefault('strokeWidth') == 'strokeWidth') ctx.scale(ctx.lineWidth, ctx.lineWidth);
+				ctx.save();
+							
+				// render me using a temporary svg element
+				var tempSvg = new svg.Element.svg();
+				tempSvg.attributes['viewBox'] = new svg.Property('viewBox', this.attribute('viewBox').value);
+				tempSvg.attributes['refX'] = new svg.Property('refX', this.attribute('refX').value);
+				tempSvg.attributes['refY'] = new svg.Property('refY', this.attribute('refY').value);
+				tempSvg.attributes['width'] = new svg.Property('width', this.attribute('markerWidth').value);
+				tempSvg.attributes['height'] = new svg.Property('height', this.attribute('markerHeight').value);
+				tempSvg.attributes['fill'] = new svg.Property('fill', this.attribute('fill').valueOrDefault('black'));
+				tempSvg.attributes['stroke'] = new svg.Property('stroke', this.attribute('stroke').valueOrDefault('none'));
+				tempSvg.children = this.children;
+				tempSvg.render(ctx);
+				
+				ctx.restore();
+				if (this.attribute('markerUnits').valueOrDefault('strokeWidth') == 'strokeWidth') ctx.scale(1/ctx.lineWidth, 1/ctx.lineWidth);
+				if (this.attribute('orient').valueOrDefault('auto') == 'auto') ctx.rotate(-angle);
+				ctx.translate(-point.x, -point.y);
+			}
+		}
+		svg.Element.marker.prototype = new svg.Element.ElementBase;
+		
+		// definitions element
+		svg.Element.defs = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);			
+			
+			this.render = function(ctx) {
+				// NOOP
+			}
+		}
+		svg.Element.defs.prototype = new svg.Element.ElementBase;
+		
+		// base for gradients
+		svg.Element.GradientBase = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+			
+			this.gradientUnits = this.attribute('gradientUnits').valueOrDefault('objectBoundingBox');
+			
+			this.stops = [];			
+			for (var i=0; i<this.children.length; i++) {
+				var child = this.children[i];
+				this.stops.push(child);
+			}	
+
+			this.getGradient = function() {
+				// OVERRIDE ME!
+			}			
+
+			this.createGradient = function(ctx, element) {
+				var g = this.getGradient(ctx, element);
+				for (var i=0; i<this.stops.length; i++) {
+					g.addColorStop(this.stops[i].offset, this.stops[i].color);
+				}
+				return g;				
+			}
+		}
+		svg.Element.GradientBase.prototype = new svg.Element.ElementBase;
+		
+		// linear gradient element
+		svg.Element.linearGradient = function(node) {
+			this.base = svg.Element.GradientBase;
+			this.base(node);
+			
+			this.getGradient = function(ctx, element) {
+				var bb = element.getBoundingBox();
+				
+				var x1 = (this.gradientUnits == 'objectBoundingBox' 
+					? bb.x() + bb.width() * this.attribute('x1').numValue() 
+					: this.attribute('x1').Length.toPixels('x'));
+				var y1 = (this.gradientUnits == 'objectBoundingBox' 
+					? bb.y() + bb.height() * this.attribute('y1').numValue()
+					: this.attribute('y1').Length.toPixels('y'));
+				var x2 = (this.gradientUnits == 'objectBoundingBox' 
+					? bb.x() + bb.width() * this.attribute('x2').numValue()
+					: this.attribute('x2').Length.toPixels('x'));
+				var y2 = (this.gradientUnits == 'objectBoundingBox' 
+					? bb.y() + bb.height() * this.attribute('y2').numValue()
+					: this.attribute('y2').Length.toPixels('y'));
+				
+				return ctx.createLinearGradient(x1, y1, x2, y2);
+			}
+		}
+		svg.Element.linearGradient.prototype = new svg.Element.GradientBase;
+		
+		// radial gradient element
+		svg.Element.radialGradient = function(node) {
+			this.base = svg.Element.GradientBase;
+			this.base(node);
+			
+			this.getGradient = function(ctx, element) {
+				var bb = element.getBoundingBox();
+				
+				var cx = (this.gradientUnits == 'objectBoundingBox' 
+					? bb.x() + bb.width() * this.attribute('cx').numValue() 
+					: this.attribute('cx').Length.toPixels('x'));
+				var cy = (this.gradientUnits == 'objectBoundingBox' 
+					? bb.y() + bb.height() * this.attribute('cy').numValue() 
+					: this.attribute('cy').Length.toPixels('y'));
+				
+				var fx = cx;
+				var fy = cy;
+				if (this.attribute('fx').hasValue()) {
+					fx = (this.gradientUnits == 'objectBoundingBox' 
+					? bb.x() + bb.width() * this.attribute('fx').numValue() 
+					: this.attribute('fx').Length.toPixels('x'));
+				}
+				if (this.attribute('fy').hasValue()) {
+					fy = (this.gradientUnits == 'objectBoundingBox' 
+					? bb.y() + bb.height() * this.attribute('fy').numValue() 
+					: this.attribute('fy').Length.toPixels('y'));
+				}
+				
+				var r = (this.gradientUnits == 'objectBoundingBox' 
+					? (bb.width() + bb.height()) / 2.0 * this.attribute('r').numValue()
+					: this.attribute('r').Length.toPixels());
+				
+				return ctx.createRadialGradient(fx, fy, 0, cx, cy, r);
+			}
+		}
+		svg.Element.radialGradient.prototype = new svg.Element.GradientBase;
+		
+		// gradient stop element
+		svg.Element.stop = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+			
+			this.offset = this.attribute('offset').numValue();
+			
+			var stopColor = this.style('stop-color');
+			if (this.style('stop-opacity').hasValue()) stopColor = stopColor.Color.addOpacity(this.style('stop-opacity').value);
+			this.color = stopColor.value;
+		}
+		svg.Element.stop.prototype = new svg.Element.ElementBase;
+		
+		// animation base element
+		svg.Element.AnimateBase = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+			
+			svg.Animations.push(this);
+			
+			this.duration = 0.0;
+			this.begin = this.attribute('begin').Time.toMilliseconds();
+			this.maxDuration = this.begin + this.attribute('dur').Time.toMilliseconds();
+
+			this.calcValue = function() {
+				// OVERRIDE ME!
+				return '';
+			}
+			
+			this.update = function(delta) {			
+				// if we're past the end time
+				if (this.duration > this.maxDuration) {
+					// loop for indefinitely repeating animations
+					if (this.attribute('repeatCount').value == 'indefinite') {
+						this.duration = 0.0
+					}
+					else {
+						return false; // no updates made
+					}
+				}			
+				this.duration = this.duration + delta;
+			
+				// if we're past the begin time
+				var updated = false;
+				if (this.begin < this.duration) {
+					var newValue = this.calcValue(); // tween
+					var attributeType = this.attribute('attributeType').value;
+					var attributeName = this.attribute('attributeName').value;
+					
+					if (this.parent != null) {
+						if (attributeType == 'CSS') {
+							this.parent.style(attributeName, true).value = newValue;
+						}
+						else { // default or XML
+							if (this.attribute('type').hasValue()) {
+								// for transform, etc.
+								var type = this.attribute('type').value;
+								this.parent.attribute(attributeName, true).value = type + '(' + newValue + ')';
+							}
+							else {
+								this.parent.attribute(attributeName, true).value = newValue;
+							}
+						}
+						updated = true;
+					}
+				}
+				
+				return updated;
+			}
+			
+			// fraction of duration we've covered
+			this.progress = function() {
+				return ((this.duration - this.begin) / (this.maxDuration - this.begin));
+			}			
+		}
+		svg.Element.AnimateBase.prototype = new svg.Element.ElementBase;
+		
+		// animate element
+		svg.Element.animate = function(node) {
+			this.base = svg.Element.AnimateBase;
+			this.base(node);
+			
+			this.calcValue = function() {
+				var from = this.attribute('from').numValue();
+				var to = this.attribute('to').numValue();
+				
+				// tween value linearly
+				return from + (to - from) * this.progress(); 
+			};
+		}
+		svg.Element.animate.prototype = new svg.Element.AnimateBase;
+			
+		// animate color element
+		svg.Element.animateColor = function(node) {
+			this.base = svg.Element.AnimateBase;
+			this.base(node);
+
+			this.calcValue = function() {
+				var from = new RGBColor(this.attribute('from').value);
+				var to = new RGBColor(this.attribute('to').value);
+				
+				if (from.ok && to.ok) {
+					// tween color linearly
+					var r = from.r + (to.r - from.r) * this.progress();
+					var g = from.g + (to.g - from.g) * this.progress();
+					var b = from.b + (to.b - from.b) * this.progress();
+					return 'rgb('+parseInt(r,10)+','+parseInt(g,10)+','+parseInt(b,10)+')';
+				}
+				return this.attribute('from').value;
+			};
+		}
+		svg.Element.animateColor.prototype = new svg.Element.AnimateBase;
+		
+		// animate transform element
+		svg.Element.animateTransform = function(node) {
+			this.base = svg.Element.animate;
+			this.base(node);
+		}
+		svg.Element.animateTransform.prototype = new svg.Element.animate;
+		
+		// text element
+		svg.Element.text = function(node) {
+			this.base = svg.Element.RenderedElementBase;
+			this.base(node);
+			
+			if (node != null) {
+				// add children
+				this.children = [];
+				for (var i=0; i<node.childNodes.length; i++) {
+					var childNode = node.childNodes[i];
+					if (childNode.nodeType == 1) { // capture tspan and tref nodes
+						this.addChild(childNode, true);
+					}
+					else if (childNode.nodeType == 3) { // capture text
+						this.addChild(new svg.Element.tspan(childNode), false);
+					}
+				}
+			}
+			
+			this.baseSetContext = this.setContext;
+			this.setContext = function(ctx) {
+				this.baseSetContext(ctx);
+				if (this.attribute('text-anchor').hasValue()) {
+					var textAnchor = this.attribute('text-anchor').value;
+					ctx.textAlign = textAnchor == 'middle' ? 'center' : textAnchor;
+				}
+				if (this.attribute('alignment-baseline').hasValue()) ctx.textBaseline = this.attribute('alignment-baseline').value;
+			}
+			
+			this.renderChildren = function(ctx) {
+				var x = this.attribute('x').Length.toPixels('x');
+				var y = this.attribute('y').Length.toPixels('y');
+				for (var i=0; i<this.children.length; i++) {
+					this.children[i].x = x;
+					this.children[i].y = y;
+					this.children[i].render(ctx);
+					x += this.children[i].measureText(ctx);
+				}
+			}
+		}
+		svg.Element.text.prototype = new svg.Element.RenderedElementBase;
+		
+		// text base
+		svg.Element.TextElementBase = function(node) {
+			this.base = svg.Element.RenderedElementBase;
+			this.base(node);
+			
+			this.renderChildren = function(ctx) {
+				ctx.fillText(svg.compressSpaces(this.getText()), this.x, this.y);
+			}
+			
+			this.getText = function() {
+				// OVERRIDE ME
+			}
+			
+			this.measureText = function(ctx) {
+				return ctx.measureText(svg.compressSpaces(this.getText())).width;
+			}
+		}
+		svg.Element.TextElementBase.prototype = new svg.Element.RenderedElementBase;
+		
+		// tspan 
+		svg.Element.tspan = function(node) {
+			this.base = svg.Element.TextElementBase;
+			this.base(node);
+			
+			//								 TEXT			  ELEMENT
+			this.text = node.nodeType == 3 ? node.nodeValue : node.childNodes[0].nodeValue;
+			this.getText = function() {
+				return this.text;
+			}
+		}
+		svg.Element.tspan.prototype = new svg.Element.TextElementBase;
+		
+		// tref
+		svg.Element.tref = function(node) {
+			this.base = svg.Element.TextElementBase;
+			this.base(node);
+			
+			this.getText = function() {
+				var element = this.attribute('xlink:href').Definition.getDefinition();
+				if (element != null) return element.children[0].getText();
+			}
+		}
+		svg.Element.tref.prototype = new svg.Element.TextElementBase;		
+		
+		// group element
+		svg.Element.g = function(node) {
+			this.base = svg.Element.RenderedElementBase;
+			this.base(node);
+		}
+		svg.Element.g.prototype = new svg.Element.RenderedElementBase;
+
+		// symbol element
+		svg.Element.symbol = function(node) {
+			this.base = svg.Element.RenderedElementBase;
+			this.base(node);
+		}
+		svg.Element.symbol.prototype = new svg.Element.RenderedElementBase;		
+		
+		// a element
+		svg.Element.a = function(node) {
+			this.base = svg.Element.RenderedElementBase;
+			this.base(node);
+		}
+		svg.Element.a.prototype = new svg.Element.RenderedElementBase;
+		
+		// style element
+		svg.Element.style = function(node) { 
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+			
+			var css = node.childNodes[0].nodeValue;
+			css = css.replace(/(\/\*([^*]|[\r\n]|(\*+([^*\/]|[\r\n])))*\*+\/)|(\/\/.*)/gm, ''); // remove comments
+			css = svg.compressSpaces(css); // replace whitespace
+			var cssDefs = css.split('}');
+			for (var i=0; i<cssDefs.length; i++) {
+				if (svg.trim(cssDefs[i]) != '') {
+					var cssDef = cssDefs[i].split('{');
+					var cssClasses = cssDef[0].split(',');
+					var cssProps = cssDef[1].split(';');
+					for (var j=0; j<cssClasses.length; j++) {
+						var cssClass = svg.trim(cssClasses[j]);
+						if (cssClass != '') {
+							var props = {};
+							for (var k=0; k<cssProps.length; k++) {
+								var prop = cssProps[k].split(':');
+								var name = prop[0];
+								var value = prop[1];
+								if (name != null && value != null) {
+									props[svg.trim(prop[0])] = new svg.Property(svg.trim(prop[0]), svg.trim(prop[1]));
+								}
+							}
+							svg.Styles[cssClass] = props;
+						}
+					}
+
+				}
+			}
+		}
+		svg.Element.style.prototype = new svg.Element.ElementBase;
+		
+		// use element 
+		svg.Element.use = function(node) {
+			this.base = svg.Element.RenderedElementBase;
+			this.base(node);
+			
+			this.baseSetContext = this.setContext;
+			this.setContext = function(ctx) {
+				this.baseSetContext(ctx);
+				if (this.attribute('x').hasValue()) ctx.translate(this.attribute('x').Length.toPixels('x'), 0);
+				if (this.attribute('y').hasValue()) ctx.translate(0, this.attribute('y').Length.toPixels('y'));
+			}
+			
+			this.renderChildren = function(ctx) {
+				var element = this.attribute('xlink:href').Definition.getDefinition();
+				if (element != null) element.render(ctx);
+			}
+		}
+		svg.Element.use.prototype = new svg.Element.RenderedElementBase;
+		
+		// clip element
+		svg.Element.clipPath = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+			
+			this.apply = function(ctx) {
+				for (var i=0; i<this.children.length; i++) {
+					if (this.children[i].path) {
+						this.children[i].path(ctx);
+						ctx.clip();
+					}
+				}
+			}
+		}
+		svg.Element.clipPath.prototype = new svg.Element.ElementBase;
+
+		// title element, do nothing
+		svg.Element.title = function(node) {
+		}
+		svg.Element.title.prototype = new svg.Element.ElementBase;
+
+		// desc element, do nothing
+		svg.Element.desc = function(node) {
+		}
+		svg.Element.desc.prototype = new svg.Element.ElementBase;		
+		
+		svg.Element.MISSING = function(node) {
+			console.log('ERROR: Element \'' + node.nodeName + '\' not yet implemented.');
+		}
+		svg.Element.MISSING.prototype = new svg.Element.ElementBase;
+		
+		// element factory
+		svg.CreateElement = function(node) {
+			var className = 'svg.Element.' + node.nodeName.replace(/^[^:]+:/,'');
+			if (!eval(className)) className = 'svg.Element.MISSING';
+		
+			var e = eval('new ' + className + '(node)');
+			e.type = node.nodeName;
+			return e;
+		}
+				
+		// load from url
+		svg.load = function(ctx, url) {
+			svg.loadXml(ctx, svg.ajax(url));
+		}
+		
+		// load from xml
+		svg.loadXml = function(ctx, xml) {
+			svg.init(ctx);
+		
+			var dom = svg.parseXml(xml);
+			var e = svg.CreateElement(dom.documentElement);
+			
+			// set canvas size
+			if (e.attribute('width').hasValue()) {
+				ctx.canvas.width = e.attribute('width').Length.toPixels(ctx.canvas.parentNode.clientWidth);
+			}
+			if (e.attribute('height').hasValue()) {
+				ctx.canvas.height = e.attribute('height').Length.toPixels(ctx.canvas.parentNode.clientHeight);
+			}
+			svg.ViewPort.SetCurrent(ctx.canvas.clientWidth, ctx.canvas.clientHeight);
+			
+			// render loop
+			ctx.clearRect(0, 0, ctx.canvas.clientWidth, ctx.canvas.clientHeight);
+			e.render(ctx);
+			svg.intervalID = setInterval(function() { 
+				// update animations
+				var needUpdate = false;
+				for (var i=0; i<svg.Animations.length; i++) {
+					needUpdate = needUpdate | svg.Animations[i].update(1000 / svg.FRAMERATE);
+				}
+			
+				// render if needed
+				if (needUpdate) {
+					ctx.clearRect(0, 0, ctx.canvas.clientWidth, ctx.canvas.clientHeight);
+					e.render(ctx);
+				}
+			}, 1000 / svg.FRAMERATE);
+		}
+		
+		svg.stop = function() {
+			if (svg.intervalID) {
+				clearInterval(svg.intervalID);
+			}
+		}
+		
+		return svg;
+	}
+})();
diff --git a/public/svg-edit/editor/canvg/rgbcolor.js b/public/svg-edit/editor/canvg/rgbcolor.js
index 04423f29..108bbaea 100644
--- a/public/svg-edit/editor/canvg/rgbcolor.js
+++ b/public/svg-edit/editor/canvg/rgbcolor.js
@@ -1,288 +1,287 @@
-/**
- * A class to parse color values
- * @author Stoyan Stefanov <sstoo@gmail.com>
- * @link   http://www.phpied.com/rgb-color-parser-in-javascript/
- * @license Use it if you like it
- */
-function RGBColor(color_string)
-{
-    this.ok = false;
-
-    // strip any leading #
-    if (color_string.charAt(0) == '#') { // remove # if any
-        color_string = color_string.substr(1,6);
-    }
-
-    color_string = color_string.replace(/ /g,'');
-    color_string = color_string.toLowerCase();
-
-    // before getting into regexps, try simple matches
-    // and overwrite the input
-    var simple_colors = {
-        aliceblue: 'f0f8ff',
-        antiquewhite: 'faebd7',
-        aqua: '00ffff',
-        aquamarine: '7fffd4',
-        azure: 'f0ffff',
-        beige: 'f5f5dc',
-        bisque: 'ffe4c4',
-        black: '000000',
-        blanchedalmond: 'ffebcd',
-        blue: '0000ff',
-        blueviolet: '8a2be2',
-        brown: 'a52a2a',
-        burlywood: 'deb887',
-        cadetblue: '5f9ea0',
-        chartreuse: '7fff00',
-        chocolate: 'd2691e',
-        coral: 'ff7f50',
-        cornflowerblue: '6495ed',
-        cornsilk: 'fff8dc',
-        crimson: 'dc143c',
-        cyan: '00ffff',
-        darkblue: '00008b',
-        darkcyan: '008b8b',
-        darkgoldenrod: 'b8860b',
-        darkgray: 'a9a9a9',
-        darkgreen: '006400',
-        darkkhaki: 'bdb76b',
-        darkmagenta: '8b008b',
-        darkolivegreen: '556b2f',
-        darkorange: 'ff8c00',
-        darkorchid: '9932cc',
-        darkred: '8b0000',
-        darksalmon: 'e9967a',
-        darkseagreen: '8fbc8f',
-        darkslateblue: '483d8b',
-        darkslategray: '2f4f4f',
-        darkturquoise: '00ced1',
-        darkviolet: '9400d3',
-        deeppink: 'ff1493',
-        deepskyblue: '00bfff',
-        dimgray: '696969',
-        dodgerblue: '1e90ff',
-        feldspar: 'd19275',
-        firebrick: 'b22222',
-        floralwhite: 'fffaf0',
-        forestgreen: '228b22',
-        fuchsia: 'ff00ff',
-        gainsboro: 'dcdcdc',
-        ghostwhite: 'f8f8ff',
-        gold: 'ffd700',
-        goldenrod: 'daa520',
-        gray: '808080',
-        green: '008000',
-        greenyellow: 'adff2f',
-        honeydew: 'f0fff0',
-        hotpink: 'ff69b4',
-        indianred : 'cd5c5c',
-        indigo : '4b0082',
-        ivory: 'fffff0',
-        khaki: 'f0e68c',
-        lavender: 'e6e6fa',
-        lavenderblush: 'fff0f5',
-        lawngreen: '7cfc00',
-        lemonchiffon: 'fffacd',
-        lightblue: 'add8e6',
-        lightcoral: 'f08080',
-        lightcyan: 'e0ffff',
-        lightgoldenrodyellow: 'fafad2',
-        lightgrey: 'd3d3d3',
-        lightgreen: '90ee90',
-        lightpink: 'ffb6c1',
-        lightsalmon: 'ffa07a',
-        lightseagreen: '20b2aa',
-        lightskyblue: '87cefa',
-        lightslateblue: '8470ff',
-        lightslategray: '778899',
-        lightsteelblue: 'b0c4de',
-        lightyellow: 'ffffe0',
-        lime: '00ff00',
-        limegreen: '32cd32',
-        linen: 'faf0e6',
-        magenta: 'ff00ff',
-        maroon: '800000',
-        mediumaquamarine: '66cdaa',
-        mediumblue: '0000cd',
-        mediumorchid: 'ba55d3',
-        mediumpurple: '9370d8',
-        mediumseagreen: '3cb371',
-        mediumslateblue: '7b68ee',
-        mediumspringgreen: '00fa9a',
-        mediumturquoise: '48d1cc',
-        mediumvioletred: 'c71585',
-        midnightblue: '191970',
-        mintcream: 'f5fffa',
-        mistyrose: 'ffe4e1',
-        moccasin: 'ffe4b5',
-        navajowhite: 'ffdead',
-        navy: '000080',
-        oldlace: 'fdf5e6',
-        olive: '808000',
-        olivedrab: '6b8e23',
-        orange: 'ffa500',
-        orangered: 'ff4500',
-        orchid: 'da70d6',
-        palegoldenrod: 'eee8aa',
-        palegreen: '98fb98',
-        paleturquoise: 'afeeee',
-        palevioletred: 'd87093',
-        papayawhip: 'ffefd5',
-        peachpuff: 'ffdab9',
-        peru: 'cd853f',
-        pink: 'ffc0cb',
-        plum: 'dda0dd',
-        powderblue: 'b0e0e6',
-        purple: '800080',
-        red: 'ff0000',
-        rosybrown: 'bc8f8f',
-        royalblue: '4169e1',
-        saddlebrown: '8b4513',
-        salmon: 'fa8072',
-        sandybrown: 'f4a460',
-        seagreen: '2e8b57',
-        seashell: 'fff5ee',
-        sienna: 'a0522d',
-        silver: 'c0c0c0',
-        skyblue: '87ceeb',
-        slateblue: '6a5acd',
-        slategray: '708090',
-        snow: 'fffafa',
-        springgreen: '00ff7f',
-        steelblue: '4682b4',
-        tan: 'd2b48c',
-        teal: '008080',
-        thistle: 'd8bfd8',
-        tomato: 'ff6347',
-        turquoise: '40e0d0',
-        violet: 'ee82ee',
-        violetred: 'd02090',
-        wheat: 'f5deb3',
-        white: 'ffffff',
-        whitesmoke: 'f5f5f5',
-        yellow: 'ffff00',
-        yellowgreen: '9acd32'
-    };
-    for (var key in simple_colors) {
-        if (color_string == key) {
-            color_string = simple_colors[key];
-        }
-    }
-    // emd of simple type-in colors
-
-    // array of color definition objects
-    var color_defs = [
-        {
-            re: /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,
-            example: ['rgb(123, 234, 45)', 'rgb(255,234,245)'],
-            process: function (bits){
-                return [
-                    parseInt(bits[1]),
-                    parseInt(bits[2]),
-                    parseInt(bits[3])
-                ];
-            }
-        },
-        {
-            re: /^(\w{2})(\w{2})(\w{2})$/,
-            example: ['#00ff00', '336699'],
-            process: function (bits){
-                return [
-                    parseInt(bits[1], 16),
-                    parseInt(bits[2], 16),
-                    parseInt(bits[3], 16)
-                ];
-            }
-        },
-        {
-            re: /^(\w{1})(\w{1})(\w{1})$/,
-            example: ['#fb0', 'f0f'],
-            process: function (bits){
-                return [
-                    parseInt(bits[1] + bits[1], 16),
-                    parseInt(bits[2] + bits[2], 16),
-                    parseInt(bits[3] + bits[3], 16)
-                ];
-            }
-        }
-    ];
-
-    // search through the definitions to find a match
-    for (var i = 0; i < color_defs.length; i++) {
-        var re = color_defs[i].re;
-        var processor = color_defs[i].process;
-        var bits = re.exec(color_string);
-        if (bits) {
-            channels = processor(bits);
-            this.r = channels[0];
-            this.g = channels[1];
-            this.b = channels[2];
-            this.ok = true;
-        }
-
-    }
-
-    // validate/cleanup values
-    this.r = (this.r < 0 || isNaN(this.r)) ? 0 : ((this.r > 255) ? 255 : this.r);
-    this.g = (this.g < 0 || isNaN(this.g)) ? 0 : ((this.g > 255) ? 255 : this.g);
-    this.b = (this.b < 0 || isNaN(this.b)) ? 0 : ((this.b > 255) ? 255 : this.b);
-
-    // some getters
-    this.toRGB = function () {
-        return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
-    }
-    this.toHex = function () {
-        var r = this.r.toString(16);
-        var g = this.g.toString(16);
-        var b = this.b.toString(16);
-        if (r.length == 1) r = '0' + r;
-        if (g.length == 1) g = '0' + g;
-        if (b.length == 1) b = '0' + b;
-        return '#' + r + g + b;
-    }
-
-    // help
-    this.getHelpXML = function () {
-
-        var examples = new Array();
-        // add regexps
-        for (var i = 0; i < color_defs.length; i++) {
-            var example = color_defs[i].example;
-            for (var j = 0; j < example.length; j++) {
-                examples[examples.length] = example[j];
-            }
-        }
-        // add type-in colors
-        for (var sc in simple_colors) {
-            examples[examples.length] = sc;
-        }
-
-        var xml = document.createElement('ul');
-        xml.setAttribute('id', 'rgbcolor-examples');
-        for (var i = 0; i < examples.length; i++) {
-            try {
-                var list_item = document.createElement('li');
-                var list_color = new RGBColor(examples[i]);
-                var example_div = document.createElement('div');
-                example_div.style.cssText =
-                        'margin: 3px; '
-                        + 'border: 1px solid black; '
-                        + 'background:' + list_color.toHex() + '; '
-                        + 'color:' + list_color.toHex()
-                ;
-                example_div.appendChild(document.createTextNode('test'));
-                var list_item_value = document.createTextNode(
-                    ' ' + examples[i] + ' -> ' + list_color.toRGB() + ' -> ' + list_color.toHex()
-                );
-                list_item.appendChild(example_div);
-                list_item.appendChild(list_item_value);
-                xml.appendChild(list_item);
-
-            } catch(e){}
-        }
-        return xml;
-
-    }
-
-}
-
+/**
+ * A class to parse color values
+ * @author Stoyan Stefanov <sstoo@gmail.com>
+ * @link   http://www.phpied.com/rgb-color-parser-in-javascript/
+ * @license Use it if you like it
+ */
+function RGBColor(color_string)
+{
+    this.ok = false;
+
+    // strip any leading #
+    if (color_string.charAt(0) == '#') { // remove # if any
+        color_string = color_string.substr(1,6);
+    }
+
+    color_string = color_string.replace(/ /g,'');
+    color_string = color_string.toLowerCase();
+
+    // before getting into regexps, try simple matches
+    // and overwrite the input
+    var simple_colors = {
+        aliceblue: 'f0f8ff',
+        antiquewhite: 'faebd7',
+        aqua: '00ffff',
+        aquamarine: '7fffd4',
+        azure: 'f0ffff',
+        beige: 'f5f5dc',
+        bisque: 'ffe4c4',
+        black: '000000',
+        blanchedalmond: 'ffebcd',
+        blue: '0000ff',
+        blueviolet: '8a2be2',
+        brown: 'a52a2a',
+        burlywood: 'deb887',
+        cadetblue: '5f9ea0',
+        chartreuse: '7fff00',
+        chocolate: 'd2691e',
+        coral: 'ff7f50',
+        cornflowerblue: '6495ed',
+        cornsilk: 'fff8dc',
+        crimson: 'dc143c',
+        cyan: '00ffff',
+        darkblue: '00008b',
+        darkcyan: '008b8b',
+        darkgoldenrod: 'b8860b',
+        darkgray: 'a9a9a9',
+        darkgreen: '006400',
+        darkkhaki: 'bdb76b',
+        darkmagenta: '8b008b',
+        darkolivegreen: '556b2f',
+        darkorange: 'ff8c00',
+        darkorchid: '9932cc',
+        darkred: '8b0000',
+        darksalmon: 'e9967a',
+        darkseagreen: '8fbc8f',
+        darkslateblue: '483d8b',
+        darkslategray: '2f4f4f',
+        darkturquoise: '00ced1',
+        darkviolet: '9400d3',
+        deeppink: 'ff1493',
+        deepskyblue: '00bfff',
+        dimgray: '696969',
+        dodgerblue: '1e90ff',
+        feldspar: 'd19275',
+        firebrick: 'b22222',
+        floralwhite: 'fffaf0',
+        forestgreen: '228b22',
+        fuchsia: 'ff00ff',
+        gainsboro: 'dcdcdc',
+        ghostwhite: 'f8f8ff',
+        gold: 'ffd700',
+        goldenrod: 'daa520',
+        gray: '808080',
+        green: '008000',
+        greenyellow: 'adff2f',
+        honeydew: 'f0fff0',
+        hotpink: 'ff69b4',
+        indianred : 'cd5c5c',
+        indigo : '4b0082',
+        ivory: 'fffff0',
+        khaki: 'f0e68c',
+        lavender: 'e6e6fa',
+        lavenderblush: 'fff0f5',
+        lawngreen: '7cfc00',
+        lemonchiffon: 'fffacd',
+        lightblue: 'add8e6',
+        lightcoral: 'f08080',
+        lightcyan: 'e0ffff',
+        lightgoldenrodyellow: 'fafad2',
+        lightgrey: 'd3d3d3',
+        lightgreen: '90ee90',
+        lightpink: 'ffb6c1',
+        lightsalmon: 'ffa07a',
+        lightseagreen: '20b2aa',
+        lightskyblue: '87cefa',
+        lightslateblue: '8470ff',
+        lightslategray: '778899',
+        lightsteelblue: 'b0c4de',
+        lightyellow: 'ffffe0',
+        lime: '00ff00',
+        limegreen: '32cd32',
+        linen: 'faf0e6',
+        magenta: 'ff00ff',
+        maroon: '800000',
+        mediumaquamarine: '66cdaa',
+        mediumblue: '0000cd',
+        mediumorchid: 'ba55d3',
+        mediumpurple: '9370d8',
+        mediumseagreen: '3cb371',
+        mediumslateblue: '7b68ee',
+        mediumspringgreen: '00fa9a',
+        mediumturquoise: '48d1cc',
+        mediumvioletred: 'c71585',
+        midnightblue: '191970',
+        mintcream: 'f5fffa',
+        mistyrose: 'ffe4e1',
+        moccasin: 'ffe4b5',
+        navajowhite: 'ffdead',
+        navy: '000080',
+        oldlace: 'fdf5e6',
+        olive: '808000',
+        olivedrab: '6b8e23',
+        orange: 'ffa500',
+        orangered: 'ff4500',
+        orchid: 'da70d6',
+        palegoldenrod: 'eee8aa',
+        palegreen: '98fb98',
+        paleturquoise: 'afeeee',
+        palevioletred: 'd87093',
+        papayawhip: 'ffefd5',
+        peachpuff: 'ffdab9',
+        peru: 'cd853f',
+        pink: 'ffc0cb',
+        plum: 'dda0dd',
+        powderblue: 'b0e0e6',
+        purple: '800080',
+        red: 'ff0000',
+        rosybrown: 'bc8f8f',
+        royalblue: '4169e1',
+        saddlebrown: '8b4513',
+        salmon: 'fa8072',
+        sandybrown: 'f4a460',
+        seagreen: '2e8b57',
+        seashell: 'fff5ee',
+        sienna: 'a0522d',
+        silver: 'c0c0c0',
+        skyblue: '87ceeb',
+        slateblue: '6a5acd',
+        slategray: '708090',
+        snow: 'fffafa',
+        springgreen: '00ff7f',
+        steelblue: '4682b4',
+        tan: 'd2b48c',
+        teal: '008080',
+        thistle: 'd8bfd8',
+        tomato: 'ff6347',
+        turquoise: '40e0d0',
+        violet: 'ee82ee',
+        violetred: 'd02090',
+        wheat: 'f5deb3',
+        white: 'ffffff',
+        whitesmoke: 'f5f5f5',
+        yellow: 'ffff00',
+        yellowgreen: '9acd32'
+    };
+    for (var key in simple_colors) {
+        if (color_string == key) {
+            color_string = simple_colors[key];
+        }
+    }
+    // emd of simple type-in colors
+
+    // array of color definition objects
+    var color_defs = [
+        {
+            re: /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,
+            example: ['rgb(123, 234, 45)', 'rgb(255,234,245)'],
+            process: function (bits){
+                return [
+                    parseInt(bits[1]),
+                    parseInt(bits[2]),
+                    parseInt(bits[3])
+                ];
+            }
+        },
+        {
+            re: /^(\w{2})(\w{2})(\w{2})$/,
+            example: ['#00ff00', '336699'],
+            process: function (bits){
+                return [
+                    parseInt(bits[1], 16),
+                    parseInt(bits[2], 16),
+                    parseInt(bits[3], 16)
+                ];
+            }
+        },
+        {
+            re: /^(\w{1})(\w{1})(\w{1})$/,
+            example: ['#fb0', 'f0f'],
+            process: function (bits){
+                return [
+                    parseInt(bits[1] + bits[1], 16),
+                    parseInt(bits[2] + bits[2], 16),
+                    parseInt(bits[3] + bits[3], 16)
+                ];
+            }
+        }
+    ];
+
+    // search through the definitions to find a match
+    for (var i = 0; i < color_defs.length; i++) {
+        var re = color_defs[i].re;
+        var processor = color_defs[i].process;
+        var bits = re.exec(color_string);
+        if (bits) {
+            channels = processor(bits);
+            this.r = channels[0];
+            this.g = channels[1];
+            this.b = channels[2];
+            this.ok = true;
+        }
+
+    }
+
+    // validate/cleanup values
+    this.r = (this.r < 0 || isNaN(this.r)) ? 0 : ((this.r > 255) ? 255 : this.r);
+    this.g = (this.g < 0 || isNaN(this.g)) ? 0 : ((this.g > 255) ? 255 : this.g);
+    this.b = (this.b < 0 || isNaN(this.b)) ? 0 : ((this.b > 255) ? 255 : this.b);
+
+    // some getters
+    this.toRGB = function () {
+        return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
+    }
+    this.toHex = function () {
+        var r = this.r.toString(16);
+        var g = this.g.toString(16);
+        var b = this.b.toString(16);
+        if (r.length == 1) r = '0' + r;
+        if (g.length == 1) g = '0' + g;
+        if (b.length == 1) b = '0' + b;
+        return '#' + r + g + b;
+    }
+
+    // help
+    this.getHelpXML = function () {
+
+        var examples = new Array();
+        // add regexps
+        for (var i = 0; i < color_defs.length; i++) {
+            var example = color_defs[i].example;
+            for (var j = 0; j < example.length; j++) {
+                examples[examples.length] = example[j];
+            }
+        }
+        // add type-in colors
+        for (var sc in simple_colors) {
+            examples[examples.length] = sc;
+        }
+
+        var xml = document.createElement('ul');
+        xml.setAttribute('id', 'rgbcolor-examples');
+        for (var i = 0; i < examples.length; i++) {
+            try {
+                var list_item = document.createElement('li');
+                var list_color = new RGBColor(examples[i]);
+                var example_div = document.createElement('div');
+                example_div.style.cssText =
+                        'margin: 3px; '
+                        + 'border: 1px solid black; '
+                        + 'background:' + list_color.toHex() + '; '
+                        + 'color:' + list_color.toHex()
+                ;
+                example_div.appendChild(document.createTextNode('test'));
+                var list_item_value = document.createTextNode(
+                    ' ' + examples[i] + ' -> ' + list_color.toRGB() + ' -> ' + list_color.toHex()
+                );
+                list_item.appendChild(example_div);
+                list_item.appendChild(list_item_value);
+                xml.appendChild(list_item);
+
+            } catch(e){}
+        }
+        return xml;
+
+    }
+
+}
diff --git a/public/svg-edit/editor/jgraduate/css/jgraduate.css b/public/svg-edit/editor/jgraduate/css/jgraduate.css
index fcbb15b7..06ab1708 100644
--- a/public/svg-edit/editor/jgraduate/css/jgraduate.css
+++ b/public/svg-edit/editor/jgraduate/css/jgraduate.css
@@ -132,6 +132,10 @@ div.jGraduate_RadiusField input {
 	overflow: visible;
 }
 
+.jGraduate_Form_Section input[type=text] {
+	width: 38px;
+}
+
 .jGraduate_Radius {
 	border:1px solid #BBB;
 	cursor:ew-resize;
diff --git a/public/svg-edit/editor/locale/README.txt b/public/svg-edit/editor/locale/README.txt
index 298f52c4..9d6ac588 100644
--- a/public/svg-edit/editor/locale/README.txt
+++ b/public/svg-edit/editor/locale/README.txt
@@ -3,7 +3,7 @@ Initial translations were done by Narendra Sisodiya putting the English
 strings through the Google Translation API. Humans will need to take these
 automated translations and ensure they make sense.
 
-See Authors.txt for the translations credits.
+See AUTHORS for the translations credits.
 
 Languages Already Translated By Humans:
   * lang.cs.js
diff --git a/public/svg-edit/editor/locale/lang.af.js b/public/svg-edit/editor/locale/lang.af.js
index 564de1a1..07f13216 100644
--- a/public/svg-edit/editor/locale/lang.af.js
+++ b/public/svg-edit/editor/locale/lang.af.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Align in verhouding tot ..."},
-{"id": "tool_angle", "title": "Verandering rotasie-hoek"},
-{"id": "angleLabel", "textContent": "hoek:"},
 {"id": "bkgnd_color", "title": "Verander agtergrondkleur / opaciteit"},
 {"id": "circle_cx", "title": "Verandering sirkel se cx koördineer"},
 {"id": "circle_cy", "title": "Verandering sirkel se cy koördineer"},
 {"id": "circle_r", "title": "Verandering sirkel se radius"},
-{"id": "cornerRadiusLabel", "textContent": "Hoek Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Verandering Rechthoek Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Verandering ellips se cx koördineer"},
 {"id": "ellipse_cy", "title": "Verander ellips se cy koördineer"},
 {"id": "ellipse_rx", "title": "Verandering ellips se x radius"},
 {"id": "ellipse_ry", "title": "Verander ellips se j radius"},
 {"id": "fill_color", "title": "Verandering vul kleur"},
-{"id": "fill_tool_bottom", "textContent": "vul:"},
 {"id": "fitToContent", "textContent": "Pas na inhoud"},
 {"id": "fit_to_all", "textContent": "Passing tot al inhoud"},
 {"id": "fit_to_canvas", "textContent": "Passing tot doek"},
 {"id": "fit_to_layer_content", "textContent": "Passing tot laag inhoud"},
 {"id": "fit_to_sel", "textContent": "Passing tot seleksie"},
 {"id": "font_family", "title": "Lettertipe verander Familie"},
-{"id": "tool_font_size", "title": "Verandering Lettertipe Grootte"},
-{"id": "tool_opacity", "title": "Verander geselekteerde item opaciteit"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "lengte:"},
 {"id": "image_height", "title": "Verandering prent hoogte"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "URL verander"},
 {"id": "image_width", "title": "Verander prent breedte"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "wydte:"},
 {"id": "largest_object", "textContent": "grootste voorwerp"},
 {"id": "layer_delete", "title": "Verwyder Laag"},
 {"id": "layer_down", "title": "Beweeg afbreek Down"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Verandering lyn se eindig x koördinaat"},
 {"id": "line_y1", "title": "Verandering lyn se vertrek y koördinaat"},
 {"id": "line_y2", "title": "Verandering lyn se eindig y koördinaat"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "bladsy"},
 {"id": "palette", "title": "Klik om te verander vul kleur, verskuiwing klik om &#39;n beroerte kleur verander"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Verandering reghoek hoogte"},
-{"id": "cornerRadiusLabel", "title": "Verandering Rechthoek Corner Radius"},
 {"id": "rect_width_tool", "title": "Verandering reghoek breedte"},
 {"id": "relativeToLabel", "textContent": "relatief tot:"},
-{"id": "rheightLabel", "textContent": "hoogte:"},
-{"id": "rwidthLabel", "textContent": "breedte:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Verandering beroerte kleur"},
 {"id": "stroke_style", "title": "Verandering beroerte dash styl"},
-{"id": "stroke_tool_bottom", "textContent": "vryf:"},
 {"id": "stroke_width", "title": "Verandering beroerte breedte"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Wydte:"},
 {"id": "text", "title": "Verander teks inhoud"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Align Bottom"},
 {"id": "tool_aligncenter", "title": "Rig Middel"},
 {"id": "tool_alignleft", "title": "Links Regterkant"},
 {"id": "tool_alignmiddle", "title": "Align Midde"},
 {"id": "tool_alignright", "title": "Lijn regs uit"},
 {"id": "tool_aligntop", "title": "Align Top"},
+{"id": "tool_angle", "title": "Verandering rotasie-hoek"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Vetgedrukte teks"},
 {"id": "tool_circle", "title": "Sirkel"},
 {"id": "tool_clear", "textContent": "Nuwe Beeld"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Annuleer"},
 {"id": "tool_docprops_save", "textContent": "Spaar"},
 {"id": "tool_ellipse", "title": "Ellips"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Gratis-Hand Ellips"},
 {"id": "tool_fhpath", "title": "Potlood tool"},
 {"id": "tool_fhrect", "title": "Free-hand Rectangle"},
+{"id": "tool_font_size", "title": "Verandering Lettertipe Grootte"},
 {"id": "tool_group", "title": "Groep Elemente"},
 {"id": "tool_image", "title": "Image Gereedskap"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Italic Text"},
 {"id": "tool_line", "title": "Lyn Gereedskap"},
 {"id": "tool_move_bottom", "title": "Skuif na Bottom"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Verander geselekteerde item opaciteit"},
 {"id": "tool_open", "textContent": "Open Beeld"},
 {"id": "tool_path", "title": "Poli Gereedskap"},
 {"id": "tool_rect", "title": "Reghoek"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Ungroup Elemente"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Klik op die Gereedskap"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Change zoom vlak"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.ar.js b/public/svg-edit/editor/locale/lang.ar.js
index f0262b43..26e8fba4 100644
--- a/public/svg-edit/editor/locale/lang.ar.js
+++ b/public/svg-edit/editor/locale/lang.ar.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "محاذاة النسبي ل ..."},
-{"id": "tool_angle", "title": "تغيير زاوية الدوران"},
-{"id": "angleLabel", "textContent": "زاوية:"},
 {"id": "bkgnd_color", "title": "تغير لون الخلفية / غموض"},
 {"id": "circle_cx", "title": "دائرة التغيير لتنسيق cx"},
 {"id": "circle_cy", "title": "Change circle's cy coordinate"},
 {"id": "circle_r", "title": "التغيير في دائرة نصف قطرها"},
-{"id": "cornerRadiusLabel", "textContent": "دائرة نصف قطرها ركن :"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "تغيير مستطيل ركن الشعاع"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "تغيير شكل البيضاوي cx تنسيق"},
 {"id": "ellipse_cy", "title": "تغيير شكل البيضاوي قبرصي تنسيق"},
 {"id": "ellipse_rx", "title": "تغيير شكل البيضاوي خ نصف قطرها"},
 {"id": "ellipse_ry", "title": "تغيير القطع الناقص في دائرة نصف قطرها ذ"},
 {"id": "fill_color", "title": "تغير لون التعبئة"},
-{"id": "fill_tool_bottom", "textContent": "يملأ:"},
 {"id": "fitToContent", "textContent": "لائقا للمحتوى"},
 {"id": "fit_to_all", "textContent": "يصلح لجميع المحتويات"},
 {"id": "fit_to_canvas", "textContent": "يصلح لوحة زيتية على قماش"},
 {"id": "fit_to_layer_content", "textContent": "يصلح لطبقة المحتوى"},
 {"id": "fit_to_sel", "textContent": "يصلح لاختيار"},
 {"id": "font_family", "title": "تغيير الخط الأسرة"},
-{"id": "tool_font_size", "title": "تغيير حجم الخط"},
-{"id": "tool_opacity", "title": "تغيير مختارة غموض البند"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "ارتفاع:"},
 {"id": "image_height", "title": "تغيير ارتفاع الصورة"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "تغيير العنوان"},
 {"id": "image_width", "title": "تغيير صورة العرض"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "عرض:"},
 {"id": "largest_object", "textContent": "أكبر كائن"},
 {"id": "layer_delete", "title": "حذف طبقة"},
 {"id": "layer_down", "title": "تحرك لأسفل طبقة"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "تغيير الخط لانهاء خ تنسيق"},
 {"id": "line_y1", "title": "تغيير الخط لبدء تنسيق ذ"},
 {"id": "line_y2", "title": "تغيير الخط لإنهاء تنسيق ذ"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "الصفحة"},
 {"id": "palette", "title": "انقر لتغيير لون التعبئة ، تحولا مزدوجا فوق لتغيير لون السكتة الدماغية"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "تغيير المستطيل الارتفاع"},
-{"id": "cornerRadiusLabel", "title": "تغيير مستطيل ركن الشعاع"},
 {"id": "rect_width_tool", "title": "تغيير عرض المستطيل"},
 {"id": "relativeToLabel", "textContent": "بالنسبة إلى:"},
-{"id": "rheightLabel", "textContent": "الطول :"},
-{"id": "rwidthLabel", "textContent": "العرض :"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "تغير لون السكتة الدماغية"},
 {"id": "stroke_style", "title": "تغيير نمط السكتة الدماغية اندفاعة"},
-{"id": "stroke_tool_bottom", "textContent": "ضربة:"},
 {"id": "stroke_width", "title": "تغيير عرض السكتة الدماغية"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "عرض:"},
 {"id": "text", "title": "تغيير محتويات النص"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "محاذاة القاع"},
 {"id": "tool_aligncenter", "title": "مركز محاذاة"},
 {"id": "tool_alignleft", "title": "محاذاة إلى اليسار"},
 {"id": "tool_alignmiddle", "title": "محاذاة الأوسط"},
 {"id": "tool_alignright", "title": "محاذاة إلى اليمين"},
 {"id": "tool_aligntop", "title": "محاذاة الأعلى"},
+{"id": "tool_angle", "title": "تغيير زاوية الدوران"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "نص جريء"},
 {"id": "tool_circle", "title": "دائرة"},
 {"id": "tool_clear", "textContent": "صورة جديدة"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "إلغاء"},
 {"id": "tool_docprops_save", "textContent": "حفظ"},
 {"id": "tool_ellipse", "title": "القطع الناقص"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "اليد الحرة البيضوي"},
 {"id": "tool_fhpath", "title": "أداة قلم رصاص"},
 {"id": "tool_fhrect", "title": "Free-Hand Rectangle"},
+{"id": "tool_font_size", "title": "تغيير حجم الخط"},
 {"id": "tool_group", "title": "مجموعة عناصر"},
 {"id": "tool_image", "title": "الصورة أداة"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "مائل نص"},
 {"id": "tool_line", "title": "خط أداة"},
 {"id": "tool_move_bottom", "title": "الانتقال إلى أسفل"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "تغيير مختارة غموض البند"},
 {"id": "tool_open", "textContent": "فتح الصورة"},
 {"id": "tool_path", "title": "بولي أداة"},
 {"id": "tool_rect", "title": "المستطيل"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "فك تجميع عناصر"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "أداة تكبير"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "تغيير مستوى التكبير"},
-{"id": "zoomLabel", "textContent": "التكبير:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.az.js b/public/svg-edit/editor/locale/lang.az.js
index 2ecb48dc..28f63a64 100644
--- a/public/svg-edit/editor/locale/lang.az.js
+++ b/public/svg-edit/editor/locale/lang.az.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Align relative to ..."},
-{"id": "tool_angle", "title": "Change rotation angle"},
-{"id": "angleLabel", "textContent": "angle:"},
 {"id": "bkgnd_color", "title": "Change background color/opacity"},
 {"id": "circle_cx", "title": "Change circle's cx coordinate"},
 {"id": "circle_cy", "title": "Change circle's cy coordinate"},
 {"id": "circle_r", "title": "Change circle's radius"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Change Rectangle Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Change ellipse's cx coordinate"},
 {"id": "ellipse_cy", "title": "Change ellipse's cy coordinate"},
 {"id": "ellipse_rx", "title": "Change ellipse's x radius"},
 {"id": "ellipse_ry", "title": "Change ellipse's y radius"},
 {"id": "fill_color", "title": "Change fill color"},
-{"id": "fill_tool_bottom", "textContent": "fill:"},
 {"id": "fitToContent", "textContent": "Fit to Content"},
 {"id": "fit_to_all", "textContent": "Fit to all content"},
 {"id": "fit_to_canvas", "textContent": "Fit to canvas"},
 {"id": "fit_to_layer_content", "textContent": "Fit to layer content"},
 {"id": "fit_to_sel", "textContent": "Fit to selection"},
 {"id": "font_family", "title": "Change Font Family"},
-{"id": "tool_font_size", "title": "Change Font Size"},
-{"id": "tool_opacity", "title": "Change selected item opacity"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "height:"},
 {"id": "image_height", "title": "Change image height"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Change URL"},
 {"id": "image_width", "title": "Change image width"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "width:"},
 {"id": "largest_object", "textContent": "largest object"},
 {"id": "layer_delete", "title": "Delete Layer"},
 {"id": "layer_down", "title": "Move Layer Down"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Change line's ending x coordinate"},
 {"id": "line_y1", "title": "Change line's starting y coordinate"},
 {"id": "line_y2", "title": "Change line's ending y coordinate"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "page"},
 {"id": "palette", "title": "Click to change fill color, shift-click to change stroke color"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Change rectangle height"},
-{"id": "cornerRadiusLabel", "title": "Change Rectangle Corner Radius"},
 {"id": "rect_width_tool", "title": "Change rectangle width"},
 {"id": "relativeToLabel", "textContent": "relative to:"},
-{"id": "rheightLabel", "textContent": "height:"},
-{"id": "rwidthLabel", "textContent": "width:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Change stroke color"},
 {"id": "stroke_style", "title": "Change stroke dash style"},
-{"id": "stroke_tool_bottom", "textContent": "stroke:"},
 {"id": "stroke_width", "title": "Change stroke width"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Width:"},
 {"id": "text", "title": "Change text contents"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Align Bottom"},
 {"id": "tool_aligncenter", "title": "Align Center"},
 {"id": "tool_alignleft", "title": "Align Left"},
 {"id": "tool_alignmiddle", "title": "Align Middle"},
 {"id": "tool_alignright", "title": "Align Right"},
 {"id": "tool_aligntop", "title": "Align Top"},
+{"id": "tool_angle", "title": "Change rotation angle"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Bold Text"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "New Image"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Cancel"},
 {"id": "tool_docprops_save", "textContent": "OK"},
 {"id": "tool_ellipse", "title": "Ellipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Pencil Tool"},
 {"id": "tool_fhrect", "title": "Free-Hand Rectangle"},
+{"id": "tool_font_size", "title": "Change Font Size"},
 {"id": "tool_group", "title": "Group Elements"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Italic Text"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Move to Bottom"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Change selected item opacity"},
 {"id": "tool_open", "textContent": "Open Image"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Rectangle"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Ungroup Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Change zoom level"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.be.js b/public/svg-edit/editor/locale/lang.be.js
index c8891e90..a399f996 100644
--- a/public/svg-edit/editor/locale/lang.be.js
+++ b/public/svg-edit/editor/locale/lang.be.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Выраўнаваць па дачыненні да ..."},
-{"id": "tool_angle", "title": "Змены вугла павароту"},
-{"id": "angleLabel", "textContent": "Кут:"},
 {"id": "bkgnd_color", "title": "Змяненне колеру фону / непразрыстасць"},
 {"id": "circle_cx", "title": "CX змене круга каардынаты"},
 {"id": "circle_cy", "title": "Змены гуртка CY каардынаты"},
 {"id": "circle_r", "title": "Старонка круга&#39;s радыус"},
-{"id": "cornerRadiusLabel", "textContent": "Куток Радыус:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Змены прастакутнік Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Змены эліпса CX каардынаты"},
 {"id": "ellipse_cy", "title": "Змены эліпса CY каардынаты"},
 {"id": "ellipse_rx", "title": "Х змяненні эліпса радыюсам"},
 {"id": "ellipse_ry", "title": "Змены у эліпса радыюсам"},
 {"id": "fill_color", "title": "Змяненне колеру залівання"},
-{"id": "fill_tool_bottom", "textContent": "запаўняць:"},
 {"id": "fitToContent", "textContent": "Па памеры ўтрымання"},
 {"id": "fit_to_all", "textContent": "Па памеру ўсе змесціва"},
 {"id": "fit_to_canvas", "textContent": "Памер палатна"},
 {"id": "fit_to_layer_content", "textContent": "По размеру слой ўтрымання"},
 {"id": "fit_to_sel", "textContent": "Выбар памеру"},
 {"id": "font_family", "title": "Змены Сямейства шрыфтоў"},
-{"id": "tool_font_size", "title": "Змяніць памер шрыфта"},
-{"id": "tool_opacity", "title": "Старонка абранага пункта непразрыстасці"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "вышыня:"},
 {"id": "image_height", "title": "Змена вышыні выявы"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Змяніць URL"},
 {"id": "image_width", "title": "Змены шырыня выявы"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "шырыня:"},
 {"id": "largest_object", "textContent": "найбуйнейшы аб&#39;ект"},
 {"id": "layer_delete", "title": "Выдаліць слой"},
 {"id": "layer_down", "title": "Перамясціць слой на"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Змяненне за перыяд, скончыўся лінія каардынаты х"},
 {"id": "line_y1", "title": "Змены лінія пачынае Y каардынаты"},
 {"id": "line_y2", "title": "Змяненне за перыяд, скончыўся лінія Y каардынаты"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "старонка"},
 {"id": "palette", "title": "Націсніце для змены колеру залівання, Shift-Click змяніць обводка"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Змены прастакутнік вышынёй"},
-{"id": "cornerRadiusLabel", "title": "Змены прастакутнік Corner Radius"},
 {"id": "rect_width_tool", "title": "Змяненне шырыні прамавугольніка"},
 {"id": "relativeToLabel", "textContent": "па параўнанні з:"},
-{"id": "rheightLabel", "textContent": "Вышыня:"},
-{"id": "rwidthLabel", "textContent": "Шырыня:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Змяненне колеру інсульт"},
 {"id": "stroke_style", "title": "Змяненне стылю інсульт працяжнік"},
-{"id": "stroke_tool_bottom", "textContent": "ўдар:"},
 {"id": "stroke_width", "title": "Змены шырыня штрых"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Шырыня:"},
 {"id": "text", "title": "Змяненне зместу тэксту"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Лінаваць па ніжнім краю"},
 {"id": "tool_aligncenter", "title": "Лінаваць па цэнтру"},
 {"id": "tool_alignleft", "title": "Па левым краю"},
 {"id": "tool_alignmiddle", "title": "Выраўнаваць Блізкага"},
 {"id": "tool_alignright", "title": "Па правым краю"},
 {"id": "tool_aligntop", "title": "Лінаваць па верхнім краю"},
+{"id": "tool_angle", "title": "Змены вугла павароту"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Тоўсты тэкст"},
 {"id": "tool_circle", "title": "Круг"},
 {"id": "tool_clear", "textContent": "Новае выява"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Адмена"},
 {"id": "tool_docprops_save", "textContent": "Захаваць"},
 {"id": "tool_ellipse", "title": "Эліпс"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Свабоднай рукі Эліпс"},
 {"id": "tool_fhpath", "title": "Pencil Tool"},
 {"id": "tool_fhrect", "title": "Свабоднай рукі Прастакутнік"},
+{"id": "tool_font_size", "title": "Змяніць памер шрыфта"},
 {"id": "tool_group", "title": "Група элементаў"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Нахілены тэкст"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Перамясціць уніз"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Старонка абранага пункта непразрыстасці"},
 {"id": "tool_open", "textContent": "Адкрыць выява"},
 {"id": "tool_path", "title": "Poly Tool"},
 {"id": "tool_rect", "title": "Прамавугольнік"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Элементы Разгруппировать"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Змяненне маштабу"},
-{"id": "zoomLabel", "textContent": "Павялічыць:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.bg.js b/public/svg-edit/editor/locale/lang.bg.js
index f93cca37..3ee57a99 100644
--- a/public/svg-edit/editor/locale/lang.bg.js
+++ b/public/svg-edit/editor/locale/lang.bg.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Привеждане в сравнение с ..."},
-{"id": "tool_angle", "title": "Промяна ъгъл на завъртане"},
-{"id": "angleLabel", "textContent": "ъгъл:"},
 {"id": "bkgnd_color", "title": "Промяна на цвета на фона / непрозрачност"},
 {"id": "circle_cx", "title": "CX Промяна кръг на координатната"},
 {"id": "circle_cy", "title": "Промяна кръг&#39;s CY координира"},
 {"id": "circle_r", "title": "Промяна кръг радиус"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Промяна на правоъгълник Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Промяна на елипса&#39;s CX координира"},
 {"id": "ellipse_cy", "title": "Промяна на елипса&#39;s CY координира"},
 {"id": "ellipse_rx", "title": "Промяна на елипса&#39;s X радиус"},
 {"id": "ellipse_ry", "title": "Промяна на елипса&#39;s Y радиус"},
 {"id": "fill_color", "title": "Промяна попълнете цвят"},
-{"id": "fill_tool_bottom", "textContent": "изпълвам:"},
 {"id": "fitToContent", "textContent": "Fit към съдържание"},
 {"id": "fit_to_all", "textContent": "Побери цялото съдържание"},
 {"id": "fit_to_canvas", "textContent": "Fit на платно"},
 {"id": "fit_to_layer_content", "textContent": "Fit да слой съдържание"},
 {"id": "fit_to_sel", "textContent": "Fit за подбор"},
 {"id": "font_family", "title": "Промяна на шрифта Семейство"},
-{"id": "tool_font_size", "title": "Промени размера на буквите"},
-{"id": "tool_opacity", "title": "Промяна на избрания елемент непрозрачност"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "височина:"},
 {"id": "image_height", "title": "Промяна на изображението височина"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Промяна на URL"},
 {"id": "image_width", "title": "Промяна на изображението ширина"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "ширина:"},
 {"id": "largest_object", "textContent": "най-големият обект"},
 {"id": "layer_delete", "title": "Изтриване на слой"},
 {"id": "layer_down", "title": "Move слой надолу"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Промяна на линията приключва х координира"},
 {"id": "line_y1", "title": "Промяна линия, започваща Y координира"},
 {"id": "line_y2", "title": "Промяна на линията приключва Y координира"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "страница"},
 {"id": "palette", "title": "Кликнете, за да промени попълнете цвят, на смени, кликнете да променят цвета си удар"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Промяна на правоъгълник височина"},
-{"id": "cornerRadiusLabel", "title": "Промяна на правоъгълник Corner Radius"},
 {"id": "rect_width_tool", "title": "Промяна на правоъгълник ширина"},
 {"id": "relativeToLabel", "textContent": "в сравнение с:"},
-{"id": "rheightLabel", "textContent": "височина:"},
-{"id": "rwidthLabel", "textContent": "широчина:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Промяна на инсулт цвят"},
 {"id": "stroke_style", "title": "Промяна на стила удар тире"},
-{"id": "stroke_tool_bottom", "textContent": "удар:"},
 {"id": "stroke_width", "title": "Промяна на ширината инсулт"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Ширина:"},
 {"id": "text", "title": "Промяна на текст съдържание"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Привеждане Отдолу"},
 {"id": "tool_aligncenter", "title": "Подравняване в средата"},
 {"id": "tool_alignleft", "title": "Подравняване вляво"},
 {"id": "tool_alignmiddle", "title": "Привеждане в Близкия"},
 {"id": "tool_alignright", "title": "Подравняване надясно"},
 {"id": "tool_aligntop", "title": "Привеждане Топ"},
+{"id": "tool_angle", "title": "Промяна ъгъл на завъртане"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Получер текст"},
 {"id": "tool_circle", "title": "Кръгът"},
 {"id": "tool_clear", "textContent": "Ню Имидж"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Отказ"},
 {"id": "tool_docprops_save", "textContent": "Спасявам"},
 {"id": "tool_ellipse", "title": "Елипса"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Свободен Употребявани Елипса"},
 {"id": "tool_fhpath", "title": "Pencil Tool"},
 {"id": "tool_fhrect", "title": "Свободен Употребявани правоъгълник"},
+{"id": "tool_font_size", "title": "Промени размера на буквите"},
 {"id": "tool_group", "title": "Група Елементи"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Курсив текст"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Премести надолу"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Промяна на избрания елемент непрозрачност"},
 {"id": "tool_open", "textContent": "Отворете изображението"},
 {"id": "tool_path", "title": "Поли Tool"},
 {"id": "tool_rect", "title": "Правоъгълник"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Разгрупирай Елементи"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Промяна на ниво на мащабиране"},
-{"id": "zoomLabel", "textContent": "увеличение:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.ca.js b/public/svg-edit/editor/locale/lang.ca.js
index b9f0a6c9..e2dd954b 100644
--- a/public/svg-edit/editor/locale/lang.ca.js
+++ b/public/svg-edit/editor/locale/lang.ca.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Alinear pel que fa a ..."},
-{"id": "tool_angle", "title": "Canviar l&#39;angle de rotació"},
-{"id": "angleLabel", "textContent": "angle:"},
 {"id": "bkgnd_color", "title": "Color de fons / opacitat"},
 {"id": "circle_cx", "title": "CX cercle Canvi de coordenades"},
 {"id": "circle_cy", "title": "Cercle Canvi CY coordinar"},
 {"id": "circle_r", "title": "Ràdio de cercle Canvi"},
-{"id": "cornerRadiusLabel", "textContent": "Ràdio de la cantonada:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Canviar Rectangle Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Canviar lipse CX coordinar"},
 {"id": "ellipse_cy", "title": "Lipse Canvi CY coordinar"},
 {"id": "ellipse_rx", "title": "Ràdio x lipse Canvi"},
 {"id": "ellipse_ry", "title": "Ràdio i lipse Canvi"},
 {"id": "fill_color", "title": "Canviar el color de farciment"},
-{"id": "fill_tool_bottom", "textContent": "omplir:"},
 {"id": "fitToContent", "textContent": "Ajustar al contingut"},
 {"id": "fit_to_all", "textContent": "Ajustar a tot el contingut"},
 {"id": "fit_to_canvas", "textContent": "Ajustar a la lona"},
 {"id": "fit_to_layer_content", "textContent": "Ajustar al contingut de la capa d&#39;"},
 {"id": "fit_to_sel", "textContent": "Ajustar a la selecció"},
 {"id": "font_family", "title": "Canviar la font Família"},
-{"id": "tool_font_size", "title": "Change Font Size"},
-{"id": "tool_opacity", "title": "Canviar la opacitat tema seleccionat"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "alçada:"},
 {"id": "image_height", "title": "Canviar l&#39;altura de la imatge"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Canviar URL"},
 {"id": "image_width", "title": "Amplada de la imatge Canvi"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "amplada:"},
 {"id": "largest_object", "textContent": "objecte més gran"},
 {"id": "layer_delete", "title": "Eliminar capa"},
 {"id": "layer_down", "title": "Mou la capa de Down"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Canviar la línia d&#39;hores de coordenada x"},
 {"id": "line_y1", "title": "Canviar la línia de partida i de coordinar"},
 {"id": "line_y2", "title": "Canviar la línia d&#39;hores de coordenada"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "Pàgina"},
 {"id": "palette", "title": "Feu clic per canviar el color de farciment, shift-clic per canviar el color del traç"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Rectangle d&#39;alçada Canvi"},
-{"id": "cornerRadiusLabel", "title": "Canviar Rectangle Corner Radius"},
 {"id": "rect_width_tool", "title": "Ample rectangle Canvi"},
 {"id": "relativeToLabel", "textContent": "en relació amb:"},
-{"id": "rheightLabel", "textContent": "Alçada:"},
-{"id": "rwidthLabel", "textContent": "Ample:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Canviar el color del traç"},
 {"id": "stroke_style", "title": "Canviar estil de traç guió"},
-{"id": "stroke_tool_bottom", "textContent": "cop:"},
 {"id": "stroke_width", "title": "Canviar l&#39;amplada del traç"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Amplada:"},
 {"id": "text", "title": "Contingut del text"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Alinear baix"},
 {"id": "tool_aligncenter", "title": "Alinear al centre"},
 {"id": "tool_alignleft", "title": "Alinear a l&#39;esquerra"},
 {"id": "tool_alignmiddle", "title": "Alinear Medi"},
 {"id": "tool_alignright", "title": "Alinear a la dreta"},
 {"id": "tool_aligntop", "title": "Alinear a dalt"},
+{"id": "tool_angle", "title": "Canviar l&#39;angle de rotació"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Text en negreta"},
 {"id": "tool_circle", "title": "Cercle"},
 {"id": "tool_clear", "textContent": "Nova imatge"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Cancel"},
 {"id": "tool_docprops_save", "textContent": "Salvar"},
 {"id": "tool_ellipse", "title": "Lipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Eina Llapis"},
 {"id": "tool_fhrect", "title": "Free-Hand Rectangle"},
+{"id": "tool_font_size", "title": "Change Font Size"},
 {"id": "tool_group", "title": "Elements de Grup de"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Text en cursiva"},
 {"id": "tool_line", "title": "L&#39;eina"},
 {"id": "tool_move_bottom", "title": "Mou al final"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Canviar la opacitat tema seleccionat"},
 {"id": "tool_open", "textContent": "Obrir imatge"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Rectangle"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Desagrupar elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Canviar el nivell de zoom"},
-{"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.cs.js b/public/svg-edit/editor/locale/lang.cs.js
index 05c0024b..8b4cbfae 100644
--- a/public/svg-edit/editor/locale/lang.cs.js
+++ b/public/svg-edit/editor/locale/lang.cs.js
@@ -1,39 +1,35 @@
 [
 {"id": "align_relative_to", "title": "Zarovnat relativně"},
-{"id": "tool_angle", "title": "Změnit úhel natočení"},
-{"id": "angleLabel", "textContent": "úhel:"},
 {"id": "bkgnd_color", "title": "Změnit barvu a průhlednost pozadí"},
 {"id": "circle_cx", "title": "Změnit souřadnici X středu kružnice"},
 {"id": "circle_cy", "title": "Změnit souřadnici Y středu kružnice"},
 {"id": "circle_r", "title": "Změnit poloměr kružnice"},
-{"id": "cornerRadiusLabel", "textContent": "poloměr zaoblení:"},
+{"id": "connector_no_arrow", "textContent": "Bez šipky"},
+{"id": "copyrightLabel", "textContent": "Běží na"},
+{"id": "cornerRadiusLabel", "title": "Změnit zaoblení obdélníku"},
 {"id": "curve_segments", "textContent": "křivka"},
 {"id": "ellipse_cx", "title": "Změnit souřadnici X středu elipsy"},
 {"id": "ellipse_cy", "title": "Změnit souřadnici Y středu elipsy"},
 {"id": "ellipse_rx", "title": "Změnit poloměr X elipsy"},
 {"id": "ellipse_ry", "title": "Změnit poloměr Y elipsy"},
 {"id": "fill_color", "title": "Změnit barvu výplně"},
-{"id": "fill_tool_bottom", "textContent": "výplň:"},
 {"id": "fitToContent", "textContent": "přizpůsobit obsahu"},
 {"id": "fit_to_all", "textContent": "Přizpůsobit veškerému obsahu"},
 {"id": "fit_to_canvas", "textContent": "Přizpůsobit stránce"},
 {"id": "fit_to_layer_content", "textContent": "Přizpůsobit obsahu vrstvy"},
 {"id": "fit_to_sel", "textContent": "Přizpůsobit výběru"},
 {"id": "font_family", "title": "Změnit font"},
-{"id": "tool_font_size", "title": "Změnit velikost písma"},
-{"id": "tool_opacity", "title": "Změnit průhlednost objektů"},
 {"id": "icon_large", "textContent": "velké"},
 {"id": "icon_medium", "textContent": "střední"},
 {"id": "icon_small", "textContent": "malé"},
 {"id": "icon_xlarge", "textContent": "největší"},
-{"id": "iheightLabel", "textContent": "výška:"},
+{"id": "idLabel", "title": "Změnit ID elementu"},
 {"id": "image_height", "title": "Změnit výšku dokumentu"},
 {"id": "image_opt_embed", "textContent": "Vkládat do dokumentu"},
 {"id": "image_opt_ref", "textContent": "Jen odkazem"},
 {"id": "image_url", "title": "Změnit adresu URL"},
 {"id": "image_width", "title": "Změnit šířku dokumentu"},
 {"id": "includedImages", "textContent": "Vložené obrázky"},
-{"id": "iwidthLabel", "textContent": "šířka:"},
 {"id": "largest_object", "textContent": "největšímu objektu"},
 {"id": "layer_delete", "title": "Odstranit vrstvu"},
 {"id": "layer_down", "title": "Přesunout vrstvu níž"},
@@ -45,16 +41,21 @@
 {"id": "line_x2", "title": "Změnit koncovou souřadnici X úsečky"},
 {"id": "line_y1", "title": "Změnit počáteční souřadnici Y úsečky"},
 {"id": "line_y2", "title": "Změnit koncovou souřadnici X úsečky"},
+{"id": "linecap_butt", "title": "Konec úsečky: přesný"},
+{"id": "linecap_round", "title": "Konec úsečky: zaoblený"},
+{"id": "linecap_square", "title": "Konec úsečky: s čtvercovým přesahem"},
+{"id": "linejoin_bevel", "title": "Styl napojení úseček: zkosené"},
+{"id": "linejoin_miter", "title": "Styl napojení úseček: ostré"},
+{"id": "linejoin_round", "title": "Styl napojení úseček: oblé"},
+{"id": "main_icon", "title": "Hlavní menu"},
+{"id": "mode_connect", "title": "Spojit dva objekty"},
 {"id": "page", "textContent": "stránce"},
 {"id": "palette", "title": "Kliknutím změníte barvu výplně, kliknutím současně s klávesou shift změníte barvu čáry"},
 {"id": "path_node_x", "title": "Změnit souřadnici X uzlu"},
 {"id": "path_node_y", "title": "Změnit souřadnici Y uzlu"},
 {"id": "rect_height_tool", "title": "Změnit výšku obdélníku"},
-{"id": "cornerRadiusLabel", "title": "Změnit zaoblení obdélníku"},
 {"id": "rect_width_tool", "title": "Změnit šířku obdélníku"},
 {"id": "relativeToLabel", "textContent": "relatativně k:"},
-{"id": "rheightLabel", "textContent": "výška:"},
-{"id": "rwidthLabel", "textContent": "šířka:"},
 {"id": "seg_type", "title": "Změnit typ segmentu"},
 {"id": "selLayerLabel", "textContent": "Přesunout objekty do:"},
 {"id": "selLayerNames", "title": "Přesunout objekty do jiné vrstvy"},
@@ -66,7 +67,6 @@
 {"id": "straight_segments", "textContent": "úsečka"},
 {"id": "stroke_color", "title": "Změnit barvu čáry"},
 {"id": "stroke_style", "title": "Změnit styl čáry"},
-{"id": "stroke_tool_bottom", "textContent": "čára:"},
 {"id": "stroke_width", "title": "Změnit šířku čáry"},
 {"id": "svginfo_bg_note", "textContent": "Pozor: obrázek v pozadí nebude uložen jako součást dokumentu."},
 {"id": "svginfo_change_background", "textContent": "Obrázek v pozadí editoru"},
@@ -79,12 +79,16 @@
 {"id": "svginfo_title", "textContent": "Název"},
 {"id": "svginfo_width", "textContent": "šířka:"},
 {"id": "text", "title": "Změnit text"},
+{"id": "toggle_stroke_tools", "title": "Zobrazit/schovat více možností"},
+{"id": "tool_add_subpath", "title": "Přidat další součást křivky"},
 {"id": "tool_alignbottom", "title": "Zarovnat dolů"},
 {"id": "tool_aligncenter", "title": "Zarovnat nastřed"},
 {"id": "tool_alignleft", "title": "Zarovnat doleva"},
 {"id": "tool_alignmiddle", "title": "Zarovnat nastřed"},
 {"id": "tool_alignright", "title": "Zarovnat doprava"},
 {"id": "tool_aligntop", "title": "Zarovnat nahoru"},
+{"id": "tool_angle", "title": "Změnit úhel natočení"},
+{"id": "tool_blur", "title": "Změnit rozostření"},
 {"id": "tool_bold", "title": "Tučně"},
 {"id": "tool_circle", "title": "Kružnice"},
 {"id": "tool_clear", "textContent": "Nový dokument"},
@@ -96,11 +100,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Storno"},
 {"id": "tool_docprops_save", "textContent": "Uložit"},
 {"id": "tool_ellipse", "title": "Elipsa"},
+{"id": "tool_export", "textContent": "Exportovat jako PNG"},
+{"id": "tool_eyedropper", "title": "Kapátko"},
 {"id": "tool_fhellipse", "title": "Elipsa volnou rukou"},
 {"id": "tool_fhpath", "title": "Kresba od ruky"},
 {"id": "tool_fhrect", "title": "Obdélník volnou rukou"},
+{"id": "tool_font_size", "title": "Změnit velikost písma"},
 {"id": "tool_group", "title": "Seskupit objekty"},
 {"id": "tool_image", "title": "Obrázek"},
+{"id": "tool_import", "textContent": "Importovat SVG"},
 {"id": "tool_italic", "title": "Kurzíva"},
 {"id": "tool_line", "title": "Úsečka"},
 {"id": "tool_move_bottom", "title": "Vrstvu úplně dospodu"},
@@ -108,8 +116,11 @@
 {"id": "tool_node_clone", "title": "Vložit nový uzel"},
 {"id": "tool_node_delete", "title": "Ostranit uzel"},
 {"id": "tool_node_link", "title": "Provázat ovládací body uzlu"},
+{"id": "tool_opacity", "title": "Změnit průhlednost objektů"},
 {"id": "tool_open", "textContent": "Otevřít dokument"},
+{"id": "tool_openclose_path", "title": "Otevřít/zavřít součást křivky"},
 {"id": "tool_path", "title": "Křivka"},
+{"id": "tool_position", "title": "Zarovnat element na stránku"},
 {"id": "tool_rect", "title": "Obdélník"},
 {"id": "tool_redo", "title": "Znovu"},
 {"id": "tool_reorient", "title": "Změna orientace křivky"},
@@ -125,8 +136,8 @@
 {"id": "tool_ungroup", "title": "Zrušit seskupení"},
 {"id": "tool_wireframe", "title": "Zobrazit jen kostru"},
 {"id": "tool_zoom", "title": "Přiblížení"},
+{"id": "url_notice", "title": "POZOR: Obrázek nelze uložit s dokumentem. Bude zobrazován z adresáře, kde se nyní nachází."},
 {"id": "zoom_panel", "title": "Změna přiblížení"},
-{"id": "zoomLabel", "textContent": "přiblížení:"},
 {"id": "sidepanel_handle", "textContent": "V r s t v y", "title": "Táhnutím změnit velikost"},
 {
  "js_strings": {
@@ -135,10 +146,16 @@
   "QmoveElemsToLayer": "Opravdu chcete přesunout vybrané objekty do vrstvy '%s'?", 
   "QwantToClear": "Opravdu chcete smazat současný dokument?\nHistorie změn bude také smazána.", 
   "cancel": "Storno", 
+  "defsFailOnSave": "POZOR: Kvůli nedokonalosti Vašeho prohlížeče se mohou některé části dokumentu špatně vykreslovat (mohou chybět barevné přechody nebo některé objekty). Po uložení dokumentu by se ale vše mělo zobrazovat správně.", 
   "dupeLayerName": "Taková vrstva už bohužel existuje", 
   "enterNewImgURL": "Vložte adresu URL, na které se nachází vkládaný obrázek", 
   "enterNewLayerName": "Zadejte prosím jméno pro novou vrstvu", 
   "enterUniqueLayerName": "Zadejte prosím jedinečné jméno pro vrstvu", 
+  "exportNoBlur": "bez rozostření elementů", 
+  "exportNoDashArray": "plné tahy", 
+  "exportNoImage": "bez vložených obrázků", 
+  "exportNoText": "vložený text může vypadat jinak", 
+  "exportNoforeignObject": "bez foreignObject objektů", 
   "featNotSupported": "Tato vlastnost ještě není k dispozici", 
   "invalidAttrValGiven": "Nevhodná hodnota", 
   "key_backspace": "backspace", 
@@ -147,10 +164,13 @@
   "key_up": "šipka nahoru", 
   "layer": "Vrstva", 
   "layerHasThatName": "Vrstva už se tak jmenuje", 
+  "loadingImage": "Nahrávám obrázek ...", 
   "noContentToFitTo": "Vyberte oblast pro přizpůsobení", 
+  "noteTheseIssues": "Mohou se vyskytnout následující problémy: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Táhnutím ovládacího bodu myší tvarujete křivku.", 
-  "pathNodeTooltip": "Táhnutím myši uzel přesunete. Dvojklik mění typ segmentu."
+  "pathNodeTooltip": "Táhnutím myši uzel přesunete. Dvojklik mění typ segmentu.", 
+  "saveFromBrowser": "Použijte nabídku \"Uložit stránku jako ...\" ve Vašem prohlížeči pro uložení dokumentu do souboru %s."
  }
 }
-]
\ No newline at end of file
+]
diff --git a/public/svg-edit/editor/locale/lang.cy.js b/public/svg-edit/editor/locale/lang.cy.js
index b9dd45db..d3e62ae2 100644
--- a/public/svg-edit/editor/locale/lang.cy.js
+++ b/public/svg-edit/editor/locale/lang.cy.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Alinio perthynas i ..."},
-{"id": "tool_angle", "title": "Ongl cylchdro Newid"},
-{"id": "angleLabel", "textContent": "Angle:"},
 {"id": "bkgnd_color", "title": "Newid lliw cefndir / Didreiddiad"},
 {"id": "circle_cx", "title": "CX Newid cylch yn cydlynu"},
 {"id": "circle_cy", "title": "Newid cylch&#39;s cy gydgysylltu"},
 {"id": "circle_r", "title": "Newid radiws cylch yn"},
-{"id": "cornerRadiusLabel", "textContent": "Radiws Corner:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Newid Hirsgwâr Corner Radiws"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Newid Ellipse yn CX gydgysylltu"},
 {"id": "ellipse_cy", "title": "Newid Ellipse yn cydlynu cy"},
 {"id": "ellipse_rx", "title": "Radiws Newid Ellipse&#39;s x"},
 {"id": "ellipse_ry", "title": "Radiws Newid Ellipse yn y"},
 {"id": "fill_color", "title": "Newid lliw llenwi"},
-{"id": "fill_tool_bottom", "textContent": "llenwi:"},
 {"id": "fitToContent", "textContent": "Ffit i Cynnwys"},
 {"id": "fit_to_all", "textContent": "Yn addas i bawb content"},
 {"id": "fit_to_canvas", "textContent": "Ffit i ofyn"},
 {"id": "fit_to_layer_content", "textContent": "Ffit cynnwys haen i"},
 {"id": "fit_to_sel", "textContent": "Yn addas at ddewis"},
 {"id": "font_family", "title": "Newid Font Teulu"},
-{"id": "tool_font_size", "title": "Newid Maint Ffont"},
-{"id": "tool_opacity", "title": "Newid dewis Didreiddiad eitem"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "uchder:"},
 {"id": "image_height", "title": "Uchder delwedd Newid"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Newid URL"},
 {"id": "image_width", "title": "Lled delwedd Newid"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "Lled:"},
 {"id": "largest_object", "textContent": "gwrthrych mwyaf"},
 {"id": "layer_delete", "title": "Dileu Haen"},
 {"id": "layer_down", "title": "Symud Haen i Lawr"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Newid llinell yn diweddu x gydgysylltu"},
 {"id": "line_y1", "title": "Newid llinell ar y cychwyn yn cydlynu"},
 {"id": "line_y2", "title": "Newid llinell yn dod i ben y gydgysylltu"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "tudalen"},
 {"id": "palette", "title": "Cliciwch yma i lenwi newid lliw, sifft-cliciwch i newid lliw strôc"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Uchder petryal Newid"},
-{"id": "cornerRadiusLabel", "title": "Newid Hirsgwâr Corner Radiws"},
 {"id": "rect_width_tool", "title": "Lled petryal Newid"},
 {"id": "relativeToLabel", "textContent": "cymharol i:"},
-{"id": "rheightLabel", "textContent": "uchder:"},
-{"id": "rwidthLabel", "textContent": "lled:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Newid lliw strôc"},
 {"id": "stroke_style", "title": "Newid arddull strôc diferyn"},
-{"id": "stroke_tool_bottom", "textContent": "strôc:"},
 {"id": "stroke_width", "title": "Lled strôc Newid"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Lled:"},
 {"id": "text", "title": "Cynnwys testun Newid"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Alinio Gwaelod"},
 {"id": "tool_aligncenter", "title": "Alinio Center"},
 {"id": "tool_alignleft", "title": "Alinio Chwith"},
 {"id": "tool_alignmiddle", "title": "Alinio Canol"},
 {"id": "tool_alignright", "title": "Alinio Hawl"},
 {"id": "tool_aligntop", "title": "Alinio Top"},
+{"id": "tool_angle", "title": "Ongl cylchdro Newid"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Testun Bras"},
 {"id": "tool_circle", "title": "Cylch"},
 {"id": "tool_clear", "textContent": "Newydd Delwedd"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Canslo"},
 {"id": "tool_docprops_save", "textContent": "Cadw"},
 {"id": "tool_ellipse", "title": "Ellipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Rhad ac am ddim Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Teclyn pensil"},
 {"id": "tool_fhrect", "title": "Hand rhad ac am ddim Hirsgwâr"},
+{"id": "tool_font_size", "title": "Newid Maint Ffont"},
 {"id": "tool_group", "title": "Elfennau Grŵp"},
 {"id": "tool_image", "title": "Offer Delwedd"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Italig Testun"},
 {"id": "tool_line", "title": "Llinell Offer"},
 {"id": "tool_move_bottom", "title": "Symud i&#39;r Gwaelod"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Newid dewis Didreiddiad eitem"},
 {"id": "tool_open", "textContent": "Delwedd Agored"},
 {"id": "tool_path", "title": "Offer poly"},
 {"id": "tool_rect", "title": "Petryal"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Elfennau Ungroup"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Offer Chwyddo"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Newid lefel chwyddo"},
-{"id": "zoomLabel", "textContent": "chwyddo:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.da.js b/public/svg-edit/editor/locale/lang.da.js
index 29e0ca11..a081e0b9 100644
--- a/public/svg-edit/editor/locale/lang.da.js
+++ b/public/svg-edit/editor/locale/lang.da.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Juster i forhold til ..."},
-{"id": "tool_angle", "title": "Skift rotationsvinkel"},
-{"id": "angleLabel", "textContent": "vinkel:"},
 {"id": "bkgnd_color", "title": "Skift baggrundsfarve / uigennemsigtighed"},
 {"id": "circle_cx", "title": "Skift cirklens cx koordinere"},
 {"id": "circle_cy", "title": "Skift cirklens cy koordinere"},
 {"id": "circle_r", "title": "Skift cirklens radius"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Skift Rektangel Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Skift ellipse&#39;s cx koordinere"},
 {"id": "ellipse_cy", "title": "Skift ellipse&#39;s cy koordinere"},
 {"id": "ellipse_rx", "title": "Skift ellipse&#39;s x radius"},
 {"id": "ellipse_ry", "title": "Skift ellipse&#39;s y radius"},
 {"id": "fill_color", "title": "Skift fyldfarve"},
-{"id": "fill_tool_bottom", "textContent": "fylde:"},
 {"id": "fitToContent", "textContent": "Tilpas til indhold"},
 {"id": "fit_to_all", "textContent": "Passer til alt indhold"},
 {"id": "fit_to_canvas", "textContent": "Tilpas til lærred"},
 {"id": "fit_to_layer_content", "textContent": "Tilpas til lag indhold"},
 {"id": "fit_to_sel", "textContent": "Tilpas til udvælgelse"},
 {"id": "font_family", "title": "Skift Font Family"},
-{"id": "tool_font_size", "title": "Skift skriftstørrelse"},
-{"id": "tool_opacity", "title": "Skift valgte element opacitet"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "højde:"},
 {"id": "image_height", "title": "Skift billede højde"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Skift webadresse"},
 {"id": "image_width", "title": "Skift billede bredde"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "bredde:"},
 {"id": "largest_object", "textContent": "største objekt"},
 {"id": "layer_delete", "title": "Slet Layer"},
 {"id": "layer_down", "title": "Flyt lag ned"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Skift Line&#39;s slutter x-koordinat"},
 {"id": "line_y1", "title": "Skift linjens start y-koordinat"},
 {"id": "line_y2", "title": "Skift Line&#39;s slutter y-koordinat"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "side"},
 {"id": "palette", "title": "Klik for at ændre fyldfarve, shift-klik for at ændre stregfarve"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Skift rektangel højde"},
-{"id": "cornerRadiusLabel", "title": "Skift Rektangel Corner Radius"},
 {"id": "rect_width_tool", "title": "Skift rektanglets bredde"},
 {"id": "relativeToLabel", "textContent": "i forhold til:"},
-{"id": "rheightLabel", "textContent": "Højde:"},
-{"id": "rwidthLabel", "textContent": "bredde:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Skift stregfarve"},
 {"id": "stroke_style", "title": "Skift slagtilfælde Dash stil"},
-{"id": "stroke_tool_bottom", "textContent": "slag:"},
 {"id": "stroke_width", "title": "Skift slagtilfælde bredde"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Bredde:"},
 {"id": "text", "title": "Skift tekst indhold"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Juster Bottom"},
 {"id": "tool_aligncenter", "title": "Centrer"},
 {"id": "tool_alignleft", "title": "Venstrejusteret"},
 {"id": "tool_alignmiddle", "title": "Juster Mellemøsten"},
 {"id": "tool_alignright", "title": "Højrejusteret"},
 {"id": "tool_aligntop", "title": "Juster Top"},
+{"id": "tool_angle", "title": "Skift rotationsvinkel"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Fed tekst"},
 {"id": "tool_circle", "title": "Cirkel"},
 {"id": "tool_clear", "textContent": "Nyt billede"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Annuller"},
 {"id": "tool_docprops_save", "textContent": "Gemme"},
 {"id": "tool_ellipse", "title": "Ellipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Pencil Tool"},
 {"id": "tool_fhrect", "title": "Free-Hand Rektangel"},
+{"id": "tool_font_size", "title": "Skift skriftstørrelse"},
 {"id": "tool_group", "title": "Gruppe Elements"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Italic Text"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Flyt til bund"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Skift valgte element opacitet"},
 {"id": "tool_open", "textContent": "Open Image"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Rektangel"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Opdel Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Skift zoomniveau"},
-{"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.de.js b/public/svg-edit/editor/locale/lang.de.js
index 4d8dd99a..4cc598df 100644
--- a/public/svg-edit/editor/locale/lang.de.js
+++ b/public/svg-edit/editor/locale/lang.de.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Relativ zu einem anderem Objekt ausrichten ..."},
-{"id": "tool_angle", "title": "Drehwinkel ändern"},
-{"id": "angleLabel", "textContent": "Winkel:"},
 {"id": "bkgnd_color", "title": "Hintergrundfarbe ändern / Opazität"},
 {"id": "circle_cx", "title": "Kreiszentrum (cx) ändern"},
 {"id": "circle_cy", "title": "Kreiszentrum (cy) ändern"},
 {"id": "circle_r", "title": "Kreisradius (r) ändern"},
-{"id": "cornerRadiusLabel", "textContent": "Eckenradius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Eckenradius des Rechtecks ändern"},
 {"id": "curve_segments", "textContent": "Kurve"},
 {"id": "ellipse_cx", "title": "Ellipsenzentrum (cx) ändern"},
 {"id": "ellipse_cy", "title": "Ellipsenzentrum (cy) ändern"},
 {"id": "ellipse_rx", "title": "Ellipsenradius (x) ändern"},
 {"id": "ellipse_ry", "title": "Ellipsenradius (y) ändern"},
 {"id": "fill_color", "title": "Füllfarbe ändern"},
-{"id": "fill_tool_bottom", "textContent": "Füllfarbe:"},
 {"id": "fitToContent", "textContent": "An den Inhalt anpassen"},
 {"id": "fit_to_all", "textContent": "An gesamten Inhalt anpassen"},
 {"id": "fit_to_canvas", "textContent": "An die Zeichenfläche anpassen"},
 {"id": "fit_to_layer_content", "textContent": "An Inhalt der Ebene anpassen"},
 {"id": "fit_to_sel", "textContent": "An die Auswahl anpassen"},
 {"id": "font_family", "title": "Schriftart wählen"},
-{"id": "tool_font_size", "title": "Schriftgröße einstellen"},
-{"id": "tool_opacity", "title": "Opazität des ausgewählten Objekts ändern"},
 {"id": "icon_large", "textContent": "Groß"},
 {"id": "icon_medium", "textContent": "Mittel"},
 {"id": "icon_small", "textContent": "Klein"},
 {"id": "icon_xlarge", "textContent": "Sehr Groß"},
-{"id": "iheightLabel", "textContent": "Höhe:"},
 {"id": "image_height", "title": "Bildhöhe ändern"},
 {"id": "image_opt_embed", "textContent": "Daten einbetten (lokale Dateien)"},
 {"id": "image_opt_ref", "textContent": "Benutze die Datei Referenz"},
 {"id": "image_url", "title": "URL ändern"},
 {"id": "image_width", "title": "Bildbreite ändern"},
 {"id": "includedImages", "textContent": "Eingefügte Bilder"},
-{"id": "iwidthLabel", "textContent": "Breite:"},
 {"id": "largest_object", "textContent": "größtes Objekt"},
 {"id": "layer_delete", "title": "Ebene löschen"},
 {"id": "layer_down", "title": "Ebene nach unten verschieben"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "X-Koordinate des Linienendes ändern"},
 {"id": "line_y1", "title": "Y-Koordinate des Linienanfangs ändern"},
 {"id": "line_y2", "title": "Y-Koordinate des Linienendes ändern"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "Seite"},
 {"id": "palette", "title": "Klick zum Ändern der Füllfarbe, Shift-Klick zum Ändern der Linienfarbe"},
 {"id": "path_node_x", "title": "Ändere die X Koordinate des Knoten"},
 {"id": "path_node_y", "title": "Ändere die Y Koordinate des Knoten"},
 {"id": "rect_height_tool", "title": "Höhe des Rechtecks ändern"},
-{"id": "cornerRadiusLabel", "title": "Eckenradius des Rechtecks ändern"},
 {"id": "rect_width_tool", "title": "Breite des Rechtecks ändern"},
 {"id": "relativeToLabel", "textContent": "im Vergleich zu:"},
-{"id": "rheightLabel", "textContent": "Höhe:"},
-{"id": "rwidthLabel", "textContent": "Breite:"},
 {"id": "seg_type", "title": "Ändere den Typ des Segments"},
 {"id": "selLayerLabel", "textContent": "Verschiebe ausgewählte Objekte:"},
 {"id": "selLayerNames", "title": "Verschiebe ausgewählte Objekte auf eine andere Ebene"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Gerade"},
 {"id": "stroke_color", "title": "Linienfarbe ändern"},
 {"id": "stroke_style", "title": "Linienstil ändern"},
-{"id": "stroke_tool_bottom", "textContent": "Linienfarbe:"},
 {"id": "stroke_width", "title": "Linienbreite ändern"},
 {"id": "svginfo_bg_note", "textContent": "Anmerkung: Der Hintergrund wird mit der Speicherung des Bildes nicht gespeichert."},
 {"id": "svginfo_change_background", "textContent": "Editor Hintergrund"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Titel"},
 {"id": "svginfo_width", "textContent": "Breite:"},
 {"id": "text", "title": "Textinhalt erstellen und bearbeiten"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Unten ausrichten"},
 {"id": "tool_aligncenter", "title": "Zentriert ausrichten"},
 {"id": "tool_alignleft", "title": "Linksbündig ausrichten"},
 {"id": "tool_alignmiddle", "title": "In der Mitte ausrichten"},
 {"id": "tool_alignright", "title": "Rechtsbündig ausrichten"},
 {"id": "tool_aligntop", "title": "Oben ausrichten"},
+{"id": "tool_angle", "title": "Drehwinkel ändern"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Fetter Text"},
 {"id": "tool_circle", "title": "Kreis"},
 {"id": "tool_clear", "textContent": "Neues Bild"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Abbrechen"},
 {"id": "tool_docprops_save", "textContent": "OK"},
 {"id": "tool_ellipse", "title": "Ellipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Freihand Ellipse"},
 {"id": "tool_fhpath", "title": "Freihandlinien zeichnen"},
 {"id": "tool_fhrect", "title": "Freihand Rechteck"},
+{"id": "tool_font_size", "title": "Schriftgröße einstellen"},
 {"id": "tool_group", "title": "Gruppieren"},
 {"id": "tool_image", "title": "Bild einfügen"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Kursiver Text"},
 {"id": "tool_line", "title": "Linien zeichnen"},
 {"id": "tool_move_bottom", "title": "Die gewählten Objekte nach ganz unten schieben"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Klone den Knoten"},
 {"id": "tool_node_delete", "title": "Lösche den Knoten"},
 {"id": "tool_node_link", "title": "Gekoppelte oder separate Kontroll Punkte für die Bearbeitung des Pfades"},
+{"id": "tool_opacity", "title": "Opazität des ausgewählten Objekts ändern"},
 {"id": "tool_open", "textContent": "Bild öffnen"},
 {"id": "tool_path", "title": "Pfad zeichnen"},
 {"id": "tool_rect", "title": "Rechteck"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Gruppierung aufheben"},
 {"id": "tool_wireframe", "title": "Drahtmodell Modus"},
 {"id": "tool_zoom", "title": "Zoomfaktor vergrößern oder verringern"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "vergrößern"},
-{"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "E b e n e n", "title": "Ziehe links/rechts um die Seitenleiste anzupassen"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Verschiebe ausgewählte Objekte in die Ebene '%s'?", 
   "QwantToClear": "Möchten Sie die Zeichnung löschen?\nDadurch wird auch die Rückgängig Funktion zurückgesetzt!", 
   "cancel": "Abbrechen", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "Eine Ebene hat bereits diesen Namen!", 
   "enterNewImgURL": "Geben Sie die URL für das neue Bild an", 
   "enterNewLayerName": "Geben Sie bitte einen neuen Namen für die Ebene ein", 
   "enterUniqueLayerName": "Verwenden Sie einen eindeutigen Namen für die Ebene", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Diese Eigenschaft wird nicht unterstützt", 
   "invalidAttrValGiven": "Fehlerhafter Wert", 
   "key_backspace": "Rücktaste", 
@@ -147,10 +161,13 @@
   "key_up": "nach oben", 
   "layer": "Ebene", 
   "layerHasThatName": "Eine Ebene hat bereits diesen Namen", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "Kein Inhalt anzupassen", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Ziehe den Kontroll Punkt um die Kurven Eigenschaften anzupassen", 
-  "pathNodeTooltip": "Ziehe den Knoten zum Verschieben. Doppel Klick um den Segment Typ anzupassen"
+  "pathNodeTooltip": "Ziehe den Knoten zum Verschieben. Doppel Klick um den Segment Typ anzupassen", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.el.js b/public/svg-edit/editor/locale/lang.el.js
index e0a154bc..259408a3 100644
--- a/public/svg-edit/editor/locale/lang.el.js
+++ b/public/svg-edit/editor/locale/lang.el.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Στοίχιση σε σχέση με ..."},
-{"id": "tool_angle", "title": "Αλλαγή γωνία περιστροφής"},
-{"id": "angleLabel", "textContent": "γωνία:"},
 {"id": "bkgnd_color", "title": "Αλλαγή χρώματος φόντου / αδιαφάνεια"},
 {"id": "circle_cx", "title": "Cx Αλλαγή κύκλου συντονίζουν"},
 {"id": "circle_cy", "title": "Αλλαγή κύκλου cy συντονίζουν"},
 {"id": "circle_r", "title": "Αλλαγή ακτίνα κύκλου"},
-{"id": "cornerRadiusLabel", "textContent": "Ακτίνα Corner:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Αλλαγή ορθογώνιο Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Αλλαγή ellipse του CX συντονίζουν"},
 {"id": "ellipse_cy", "title": "Αλλαγή ellipse του cy συντονίζουν"},
 {"id": "ellipse_rx", "title": "X ακτίνα Αλλαγή ellipse του"},
 {"id": "ellipse_ry", "title": "Y ακτίνα Αλλαγή ellipse του"},
 {"id": "fill_color", "title": "Αλλαγή συμπληρώστε χρώμα"},
-{"id": "fill_tool_bottom", "textContent": "γεμίζω:"},
 {"id": "fitToContent", "textContent": "Fit to Content"},
 {"id": "fit_to_all", "textContent": "Ταιριάζει σε όλο το περιεχόμενο"},
 {"id": "fit_to_canvas", "textContent": "Προσαρμογή στο μουσαμά"},
 {"id": "fit_to_layer_content", "textContent": "Προσαρμογή στο περιεχόμενο στρώμα"},
 {"id": "fit_to_sel", "textContent": "Fit to επιλογή"},
 {"id": "font_family", "title": "Αλλαγή γραμματοσειράς Οικογένεια"},
-{"id": "tool_font_size", "title": "Αλλαγή μεγέθους γραμματοσειράς"},
-{"id": "tool_opacity", "title": "Αλλαγή αδιαφάνεια επιλεγμένο σημείο"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "ύψος:"},
 {"id": "image_height", "title": "Αλλαγή ύψος εικόνας"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Αλλαγή URL"},
 {"id": "image_width", "title": "Αλλαγή πλάτος εικόνας"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "πλάτος:"},
 {"id": "largest_object", "textContent": "μεγαλύτερο αντικείμενο"},
 {"id": "layer_delete", "title": "Διαγραφήστρώματος"},
 {"id": "layer_down", "title": "Μετακίνηση Layer Down"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Αλλαγή γραμμής λήγει x συντονίζουν"},
 {"id": "line_y1", "title": "Αλλαγή γραμμής εκκίνησης y συντονίζουν"},
 {"id": "line_y2", "title": "Αλλαγή γραμμής λήγει y συντονίζουν"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "σελίδα"},
 {"id": "palette", "title": "Κάντε κλικ για να συμπληρώσετε την αλλαγή χρώματος, στροφή κλικ για να αλλάξετε το χρώμα εγκεφαλικό"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Αλλαγή ύψος ορθογωνίου"},
-{"id": "cornerRadiusLabel", "title": "Αλλαγή ορθογώνιο Corner Radius"},
 {"id": "rect_width_tool", "title": "Αλλαγή πλάτους ορθογώνιο"},
 {"id": "relativeToLabel", "textContent": "σε σχέση με:"},
-{"id": "rheightLabel", "textContent": "ύψος:"},
-{"id": "rwidthLabel", "textContent": "Πλάτος:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Αλλαγή χρώματος εγκεφαλικό"},
 {"id": "stroke_style", "title": "Αλλαγή στυλ παύλα εγκεφαλικό"},
-{"id": "stroke_tool_bottom", "textContent": "πλήγμα:"},
 {"id": "stroke_width", "title": "Αλλαγή πλάτος γραμμής"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Πλάτος:"},
 {"id": "text", "title": "Αλλαγή περιεχόμενο κειμένου"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Στοίχισηκάτω"},
 {"id": "tool_aligncenter", "title": "Στοίχισηστοκέντρο"},
 {"id": "tool_alignleft", "title": "Στοίχισηαριστερά"},
 {"id": "tool_alignmiddle", "title": "Ευθυγράμμιση Μέση"},
 {"id": "tool_alignright", "title": "Στοίχισηδεξιά"},
 {"id": "tool_aligntop", "title": "Στοίχισηπάνω"},
+{"id": "tool_angle", "title": "Αλλαγή γωνία περιστροφής"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Bold Text"},
 {"id": "tool_circle", "title": "Κύκλος"},
 {"id": "tool_clear", "textContent": "Νέα εικόνα"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Άκυρο"},
 {"id": "tool_docprops_save", "textContent": "Αποθηκεύω"},
 {"id": "tool_ellipse", "title": "Ellipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Δωρεάν-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Εργαλείομολυβιού"},
 {"id": "tool_fhrect", "title": "Δωρεάν-Hand ορθογώνιο"},
+{"id": "tool_font_size", "title": "Αλλαγή μεγέθους γραμματοσειράς"},
 {"id": "tool_group", "title": "Ομάδα Στοιχεία"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Πλάγιους"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Μετακίνηση προς τα κάτω"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Αλλαγή αδιαφάνεια επιλεγμένο σημείο"},
 {"id": "tool_open", "textContent": "Άνοιγμα εικόνας"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Ορθογώνιο"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Κατάργηση ομαδοποίησης Στοιχεία"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Αλλαγή επίπεδο μεγέθυνσης"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.en.js b/public/svg-edit/editor/locale/lang.en.js
index 99728022..d6451de1 100644
--- a/public/svg-edit/editor/locale/lang.en.js
+++ b/public/svg-edit/editor/locale/lang.en.js
@@ -1,39 +1,35 @@
 [
 {"id": "align_relative_to", "title": "Align relative to ..."},
-{"id": "tool_angle", "title": "Change rotation angle"},
-{"id": "angleLabel", "textContent": "angle:"},
 {"id": "bkgnd_color", "title": "Change background color/opacity"},
 {"id": "circle_cx", "title": "Change circle's cx coordinate"},
 {"id": "circle_cy", "title": "Change circle's cy coordinate"},
 {"id": "circle_r", "title": "Change circle's radius"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Change Rectangle Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Change ellipse's cx coordinate"},
 {"id": "ellipse_cy", "title": "Change ellipse's cy coordinate"},
 {"id": "ellipse_rx", "title": "Change ellipse's x radius"},
 {"id": "ellipse_ry", "title": "Change ellipse's y radius"},
 {"id": "fill_color", "title": "Change fill color"},
-{"id": "fill_tool_bottom", "textContent": "fill:"},
 {"id": "fitToContent", "textContent": "Fit to Content"},
 {"id": "fit_to_all", "textContent": "Fit to all content"},
 {"id": "fit_to_canvas", "textContent": "Fit to canvas"},
 {"id": "fit_to_layer_content", "textContent": "Fit to layer content"},
 {"id": "fit_to_sel", "textContent": "Fit to selection"},
 {"id": "font_family", "title": "Change Font Family"},
-{"id": "tool_font_size", "title": "Change Font Size"},
-{"id": "tool_opacity", "title": "Change selected item opacity"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "height:"},
+{"id": "idLabel", "title": "Identify the element"},
 {"id": "image_height", "title": "Change image height"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Change URL"},
 {"id": "image_width", "title": "Change image width"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "width:"},
 {"id": "largest_object", "textContent": "largest object"},
 {"id": "layer_delete", "title": "Delete Layer"},
 {"id": "layer_down", "title": "Move Layer Down"},
@@ -45,16 +41,21 @@
 {"id": "line_x2", "title": "Change line's ending x coordinate"},
 {"id": "line_y1", "title": "Change line's starting y coordinate"},
 {"id": "line_y2", "title": "Change line's ending y coordinate"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "page"},
 {"id": "palette", "title": "Click to change fill color, shift-click to change stroke color"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Change rectangle height"},
-{"id": "cornerRadiusLabel", "title": "Change Rectangle Corner Radius"},
 {"id": "rect_width_tool", "title": "Change rectangle width"},
 {"id": "relativeToLabel", "textContent": "relative to:"},
-{"id": "rheightLabel", "textContent": "height:"},
-{"id": "rwidthLabel", "textContent": "width:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +67,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Change stroke color"},
 {"id": "stroke_style", "title": "Change stroke dash style"},
-{"id": "stroke_tool_bottom", "textContent": "stroke:"},
 {"id": "stroke_width", "title": "Change stroke width by 1, shift-click to change by 0.1"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,6 +79,7 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Width:"},
 {"id": "text", "title": "Change text contents"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
 {"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Align Bottom"},
 {"id": "tool_aligncenter", "title": "Align Center"},
@@ -86,6 +87,7 @@
 {"id": "tool_alignmiddle", "title": "Align Middle"},
 {"id": "tool_alignright", "title": "Align Right"},
 {"id": "tool_aligntop", "title": "Align Top"},
+{"id": "tool_angle", "title": "Change rotation angle"},
 {"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Bold Text"},
 {"id": "tool_circle", "title": "Circle"},
@@ -98,12 +100,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Cancel"},
 {"id": "tool_docprops_save", "textContent": "OK"},
 {"id": "tool_ellipse", "title": "Ellipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Pencil Tool"},
 {"id": "tool_fhrect", "title": "Free-Hand Rectangle"},
+{"id": "tool_font_size", "title": "Change Font Size"},
 {"id": "tool_group", "title": "Group Elements"},
 {"id": "tool_image", "title": "Image Tool"},
-{"id": "tool_import", "textContent": "Import Image"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Italic Text"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Move to Bottom"},
@@ -111,9 +116,11 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Change selected item opacity"},
 {"id": "tool_open", "textContent": "Open Image"},
-{"id": "tool_openclose_path", "textContent": "Open/close sub-path"},
+{"id": "tool_openclose_path", "title": "Open/close sub-path"},
 {"id": "tool_path", "title": "Path Tool"},
+{"id": "tool_position", "title": "Align Element to Page"},
 {"id": "tool_rect", "title": "Rectangle"},
 {"id": "tool_redo", "title": "Redo"},
 {"id": "tool_reorient", "title": "Reorient path"},
@@ -129,30 +136,9 @@
 {"id": "tool_ungroup", "title": "Ungroup Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Change zoom level"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
-{"id": "main_icon", "title": "Main Menu"},
-{"id": "tool_blur", "title": "Change gaussian blur value"},
-{"id": "tool_position", "title": "Align Element to Page"},
-{"id": "idLabel", "title": "Identify the element"},
-{"id": "tool_openclose_path", "title": "Open/close sub-path"},
-{"id": "tool_add_subpath", "title": "Add sub-path"},
-{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
-{"id": "linejoin_miter", "title": "Linejoin: Miter"},
-{"id": "linejoin_round", "title": "Linejoin: Round"},
-{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
-{"id": "linecap_butt", "title": "Linecap: Butt"},
-{"id": "linecap_square", "title": "Linecap: Square"},
-{"id": "linecap_round", "title": "Linecap: Round"},
-{"id": "tool_import", "textContent": "Import SVG"},
-{"id": "tool_export", "textContent": "Export as PNG"},
-{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
-{"id": "mode_connect", "title": "Connect two objects"},
-{"id": "connector_no_arrow", "textContent": "No arrow"},
-
-
-
 {
  "js_strings": {
   "QerrorsRevertToSource": "There were parsing errors in your SVG source.\nRevert back to original SVG source?", 
@@ -160,33 +146,31 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
-  "enterNewImgURL":"Enter the new image URL",
-  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-  "loadingImage":"Loading image, please wait...",
-  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-  "noteTheseIssues": "Also note the following issues: ",
   "key_backspace": "backspace", 
   "key_del": "delete", 
   "key_down": "down", 
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type",
-  "exportNoBlur": "Blurred elements will appear as un-blurred",
-  "exportNoImage": "Image elements will not appear",
-  "exportNoforeignObject": "foreignObject elements will not appear",
-  "exportNoMarkers": "Marker elements (arrows, etc) may not appear as expected",
-  "exportNoDashArray": "Strokes will appear filled",
-  "exportNoText": "Text may not appear as expected"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.es.js b/public/svg-edit/editor/locale/lang.es.js
index c582a123..2d559148 100644
--- a/public/svg-edit/editor/locale/lang.es.js
+++ b/public/svg-edit/editor/locale/lang.es.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Alinear con respecto a ..."},
-{"id": "tool_angle", "title": "Cambiar el ángulo de rotación"},
-{"id": "angleLabel", "textContent": "ángulo:"},
 {"id": "bkgnd_color", "title": "Cambiar color de fondo / opacidad"},
 {"id": "circle_cx", "title": "Cambiar la posición horizonral CX del círculo"},
 {"id": "circle_cy", "title": "Cambiar la posición vertical CY del círculo"},
 {"id": "circle_r", "title": "Cambiar el radio del círculo"},
-{"id": "cornerRadiusLabel", "textContent": "Radio de la esquina:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Cambiar el radio de las esquinas del rectángulo"},
 {"id": "curve_segments", "textContent": "Curva"},
 {"id": "ellipse_cx", "title": "Cambiar la posición horizontal CX de la elipse"},
 {"id": "ellipse_cy", "title": "Cambiar la posición vertical CY de la elipse"},
 {"id": "ellipse_rx", "title": "Cambiar el radio horizontal X de la elipse"},
 {"id": "ellipse_ry", "title": "Cambiar el radio vertical Y de la elipse"},
 {"id": "fill_color", "title": "Cambiar el color de relleno"},
-{"id": "fill_tool_bottom", "textContent": "Relleno:"},
 {"id": "fitToContent", "textContent": "Ajustar al contenido"},
 {"id": "fit_to_all", "textContent": "Ajustar a todo el contenido"},
 {"id": "fit_to_canvas", "textContent": "Ajustar al lienzo"},
 {"id": "fit_to_layer_content", "textContent": "Ajustar al contenido de la capa"},
 {"id": "fit_to_sel", "textContent": "Ajustar a la selección"},
 {"id": "font_family", "title": "Tipo de fuente"},
-{"id": "tool_font_size", "title": "Tamaño de la fuente"},
-{"id": "tool_opacity", "title": "Cambiar la opacidad del objeto seleccionado"},
 {"id": "icon_large", "textContent": "Grande"},
 {"id": "icon_medium", "textContent": "Mediano"},
 {"id": "icon_small", "textContent": "Pequeño"},
 {"id": "icon_xlarge", "textContent": "Muy grande"},
-{"id": "iheightLabel", "textContent": "alto:"},
 {"id": "image_height", "title": "Cambiar la altura de la imagen"},
 {"id": "image_opt_embed", "textContent": "Integrar imágenes en forma de datos (archivos locales)"},
 {"id": "image_opt_ref", "textContent": "Usar la referencia del archivo"},
 {"id": "image_url", "title": "Modificar URL"},
 {"id": "image_width", "title": "Cambiar el ancho de la imagen"},
 {"id": "includedImages", "textContent": "Imágenes integradas"},
-{"id": "iwidthLabel", "textContent": "ancho:"},
 {"id": "largest_object", "textContent": "El objeto más grande"},
 {"id": "layer_delete", "title": "Suprimir capa"},
 {"id": "layer_down", "title": "Mover la capa hacia abajo"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Cambiar la posición horizontal X del final de la línea"},
 {"id": "line_y1", "title": "Cambiar la posición vertical Y del comienzo de la línea"},
 {"id": "line_y2", "title": "Cambiar la posición vertical Y del final de la línea"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "Página"},
 {"id": "palette", "title": "Haga clic para cambiar el color de relleno. Pulse Mayús y haga clic para cambiar el color del contorno."},
 {"id": "path_node_x", "title": "Cambiar la posición horizontal X del nodo"},
 {"id": "path_node_y", "title": "Cambiar la posición vertical Y del nodo"},
 {"id": "rect_height_tool", "title": "Cambiar la altura del rectángulo"},
-{"id": "cornerRadiusLabel", "title": "Cambiar el radio de las esquinas del rectángulo"},
 {"id": "rect_width_tool", "title": "Cambiar el ancho rectángulo"},
 {"id": "relativeToLabel", "textContent": "en relación con:"},
-{"id": "rheightLabel", "textContent": "Alto:"},
-{"id": "rwidthLabel", "textContent": "Ancho:"},
 {"id": "seg_type", "title": "Cambiar el tipo de segmento"},
 {"id": "selLayerLabel", "textContent": "Desplazar objetos a:"},
 {"id": "selLayerNames", "title": "Mover los objetos seleccionados a otra capa"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Recta"},
 {"id": "stroke_color", "title": "Cambiar el color del contorno"},
 {"id": "stroke_style", "title": "Cambiar el estilo del trazo del contorno"},
-{"id": "stroke_tool_bottom", "textContent": "Contorno:"},
 {"id": "stroke_width", "title": "Cambiar el grosor del contorno"},
 {"id": "svginfo_bg_note", "textContent": "Nota: El fondo no se guardará junto con la imagen."},
 {"id": "svginfo_change_background", "textContent": "Fondo del editor"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Título"},
 {"id": "svginfo_width", "textContent": "Ancho:"},
 {"id": "text", "title": "Modificar el texto"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Alinear parte inferior"},
 {"id": "tool_aligncenter", "title": "Centrar verticalmente"},
 {"id": "tool_alignleft", "title": "Alinear lado izquierdo"},
 {"id": "tool_alignmiddle", "title": "Centrar horizontalmente"},
 {"id": "tool_alignright", "title": "Alinear lado derecho"},
 {"id": "tool_aligntop", "title": "Alinear parte superior"},
+{"id": "tool_angle", "title": "Cambiar el ángulo de rotación"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Texto en negrita"},
 {"id": "tool_circle", "title": "Círculo"},
 {"id": "tool_clear", "textContent": "Nueva imagen"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Cancelar"},
 {"id": "tool_docprops_save", "textContent": "OK"},
 {"id": "tool_ellipse", "title": "Elipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Elipse a mano alzada"},
 {"id": "tool_fhpath", "title": "Herramienta de lápiz"},
 {"id": "tool_fhrect", "title": "Rectángulo a mano alzada"},
+{"id": "tool_font_size", "title": "Tamaño de la fuente"},
 {"id": "tool_group", "title": "Agrupar objetos"},
 {"id": "tool_image", "title": "Insertar imagen"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Texto en cursiva"},
 {"id": "tool_line", "title": "Trazado de líneas"},
 {"id": "tool_move_bottom", "title": "Mover abajo"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clonar nodo"},
 {"id": "tool_node_delete", "title": "Suprimir nodo"},
 {"id": "tool_node_link", "title": "Enlazar puntos de control"},
+{"id": "tool_opacity", "title": "Cambiar la opacidad del objeto seleccionado"},
 {"id": "tool_open", "textContent": "Abrir imagen"},
 {"id": "tool_path", "title": "Herramienta de trazado"},
 {"id": "tool_rect", "title": "Rectángulo"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Desagrupar objetos"},
 {"id": "tool_wireframe", "title": "Modo marco de alambre"},
 {"id": "tool_zoom", "title": "Zoom"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Cambiar el nivel de zoom"},
-{"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "C a p a s", "title": "Arrastrar hacia la izquierda/derecha para modificar el tamaño del panel lateral"},
 {
  "js_strings": {
@@ -136,10 +144,16 @@
   "QmoveElemsToLayer": "¿Desplazar los elementos seleccionados a la capa '%s'?", 
   "QwantToClear": "¿Desea borrar el dibujo?\n¡El historial de acciones también se borrará!", 
   "cancel": "Cancelar", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "¡Ya existe una capa con este nombre!", 
   "enterNewImgURL": "Introduzca la nueva URL de la imagen.", 
   "enterNewLayerName": "Introduzca el nuevo nombre de la capa.", 
   "enterUniqueLayerName": "Introduzca otro nombre distinto para la capa.", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Función no compatible.", 
   "invalidAttrValGiven": "Valor no válido", 
   "key_backspace": "retroceso", 
@@ -148,9 +162,12 @@
   "key_up": "arriba", 
   "layer": "Capa", 
   "layerHasThatName": "El nombre introducido es el nombre actual de la capa.", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No existe un contenido al que ajustarse.", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "pathCtrlPtTooltip": "Arrastre el punto de control para ajustar las propiedades de la curva.", 
-  "pathNodeTooltip": "Arrastre el nodo para desplazarlo. Haga doble clic sobre el nodo para cambiar el tipo de segmento."
+  "pathNodeTooltip": "Arrastre el nodo para desplazarlo. Haga doble clic sobre el nodo para cambiar el tipo de segmento.", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.et.js b/public/svg-edit/editor/locale/lang.et.js
index 69fa4ac2..df60ee0c 100644
--- a/public/svg-edit/editor/locale/lang.et.js
+++ b/public/svg-edit/editor/locale/lang.et.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Viia võrreldes ..."},
-{"id": "tool_angle", "title": "Muuda Pöördenurk"},
-{"id": "angleLabel", "textContent": "nurk:"},
 {"id": "bkgnd_color", "title": "Muuda tausta värvi / läbipaistmatus"},
 {"id": "circle_cx", "title": "Muuda ringi&#39;s cx kooskõlastada"},
 {"id": "circle_cy", "title": "Muuda ringi&#39;s cy kooskõlastada"},
 {"id": "circle_r", "title": "Muuda ring on raadiusega"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Muuda ristkülik Nurgakabe Raadius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Muuda ellips&#39;s cx kooskõlastada"},
 {"id": "ellipse_cy", "title": "Muuda ellips&#39;s cy kooskõlastada"},
 {"id": "ellipse_rx", "title": "Muuda ellips&#39;s x raadius"},
 {"id": "ellipse_ry", "title": "Muuda ellips&#39;s y raadius"},
 {"id": "fill_color", "title": "Muuda täitke värvi"},
-{"id": "fill_tool_bottom", "textContent": "täitma:"},
 {"id": "fitToContent", "textContent": "Fit to Content"},
 {"id": "fit_to_all", "textContent": "Sobita kogu sisu"},
 {"id": "fit_to_canvas", "textContent": "Sobita lõuend"},
 {"id": "fit_to_layer_content", "textContent": "Sobita kiht sisu"},
 {"id": "fit_to_sel", "textContent": "Fit valiku"},
 {"id": "font_family", "title": "Muutke Kirjasinperhe"},
-{"id": "tool_font_size", "title": "Change font size"},
-{"id": "tool_opacity", "title": "Muuda valitud elemendi läbipaistmatus"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "kõrgus:"},
 {"id": "image_height", "title": "Muuda pilt kõrgus"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Change URL"},
 {"id": "image_width", "title": "Muuda pilt laius"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "laius:"},
 {"id": "largest_object", "textContent": "suurim objekt"},
 {"id": "layer_delete", "title": "Kustuta Kiht"},
 {"id": "layer_down", "title": "Liiguta kiht alla"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Muuda Line lõpeb x-koordinaadi"},
 {"id": "line_y1", "title": "Muuda rööbastee algab y-koordinaadi"},
 {"id": "line_y2", "title": "Muuda Line lõppenud y-koordinaadi"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "lehekülg"},
 {"id": "palette", "title": "Click muuta täitke värvi, Shift-nuppu, et muuta insult värvi"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Muuda ristküliku kõrgus"},
-{"id": "cornerRadiusLabel", "title": "Muuda ristkülik Nurgakabe Raadius"},
 {"id": "rect_width_tool", "title": "Muuda ristküliku laius"},
 {"id": "relativeToLabel", "textContent": "võrreldes:"},
-{"id": "rheightLabel", "textContent": "Kõrgus:"},
-{"id": "rwidthLabel", "textContent": "laius:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Muuda insult värvi"},
 {"id": "stroke_style", "title": "Muuda insult kriips stiil"},
-{"id": "stroke_tool_bottom", "textContent": "löök:"},
 {"id": "stroke_width", "title": "Muuda insult laius"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Laius:"},
 {"id": "text", "title": "Muuda teksti sisu"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Viia Bottom"},
 {"id": "tool_aligncenter", "title": "Keskele joondamine"},
 {"id": "tool_alignleft", "title": "Vasakjoondus"},
 {"id": "tool_alignmiddle", "title": "Viia Lähis -"},
 {"id": "tool_alignright", "title": "Paremjoondus"},
 {"id": "tool_aligntop", "title": "Viia Üles"},
+{"id": "tool_angle", "title": "Muuda Pöördenurk"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Rasvane kiri"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "Uus pilt"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Tühista"},
 {"id": "tool_docprops_save", "textContent": "Salvestama"},
 {"id": "tool_ellipse", "title": "Ellips"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Online-Hand Ellips"},
 {"id": "tool_fhpath", "title": "Pencil Tool"},
 {"id": "tool_fhrect", "title": "Online-Hand Ristkülik"},
+{"id": "tool_font_size", "title": "Change font size"},
 {"id": "tool_group", "title": "Rühma elemendid"},
 {"id": "tool_image", "title": "Pilt Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Kursiiv"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Liiguta alla"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Muuda valitud elemendi läbipaistmatus"},
 {"id": "tool_open", "textContent": "Pildi avamine"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Ristkülik"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Lõhu Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Muuda suumi taset"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.fa.js b/public/svg-edit/editor/locale/lang.fa.js
index 1190fb79..941e73d7 100644
--- a/public/svg-edit/editor/locale/lang.fa.js
+++ b/public/svg-edit/editor/locale/lang.fa.js
@@ -1,39 +1,35 @@
 [
 {"id": "align_relative_to", "title": "‫تراز نسبت به ...‬"},
-{"id": "tool_angle", "title": "‫تغییر زاویه چرخش‬"},
-{"id": "angleLabel", "textContent": "‫زاویه:‬"},
 {"id": "bkgnd_color", "title": "‫تغییر رنگ پس زمینه / تاری‬"},
 {"id": "circle_cx", "title": "‫تغییر مختصات cx دایره‬"},
 {"id": "circle_cy", "title": "‫تغییر مختصات cy دایره‬"},
 {"id": "circle_r", "title": "‫تغییر شعاع دایره‬"},
-{"id": "cornerRadiusLabel", "textContent": "‫شعاع گوشه:‬"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "‫تغییر شعاع گوشه مستطیل‬"},
+{"id": "cornerRadiusLabel", "title": "‫شعاع گوشه:‬"},
 {"id": "curve_segments", "textContent": "‫منحنی‬"},
 {"id": "ellipse_cx", "title": "‫تغییر مختصات cx بیضی‬"},
 {"id": "ellipse_cy", "title": "‫تغییر مختصات cy بیضی‬"},
 {"id": "ellipse_rx", "title": "‫تغییر شعاع rx بیضی‬"},
 {"id": "ellipse_ry", "title": "‫تغییر شعاع ry بیضی‬"},
 {"id": "fill_color", "title": "‫تغییر رنگ‬"},
-{"id": "fill_tool_bottom", "textContent": "‫رنگ:‬"},
 {"id": "fitToContent", "textContent": "‫هم اندازه شدن با محتوا‬"},
 {"id": "fit_to_all", "textContent": "‫هم اندازه شدن با همه محتویات‬"},
 {"id": "fit_to_canvas", "textContent": "‫هم اندازه شدن با صفحه مجازی (بوم)‬"},
 {"id": "fit_to_layer_content", "textContent": "‫هم اندازه شدن با محتوای لایه‬"},
 {"id": "fit_to_sel", "textContent": "‫هم اندازه شدن با اشیاء انتخاب شده‬"},
 {"id": "font_family", "title": "‫تغییر خانواده قلم‬"},
-{"id": "tool_font_size", "title": "‫تغییر اندازه قلم‬"},
-{"id": "tool_opacity", "title": "‫تغییر تاری عنصر انتخاب شده‬"},
 {"id": "icon_large", "textContent": "‫بزرگ‬"},
 {"id": "icon_medium", "textContent": "‫متوسط‬"},
 {"id": "icon_small", "textContent": "‫کوچک‬"},
 {"id": "icon_xlarge", "textContent": "‫خیلی بزرگ‬"},
-{"id": "iheightLabel", "textContent": "‫ارتفاع:‬"},
 {"id": "image_height", "title": "‫تغییر ارتفاع تصویر‬"},
 {"id": "image_opt_embed", "textContent": "‫داده های جای داده شده (پرونده های محلی)‬"},
 {"id": "image_opt_ref", "textContent": "‫استفاده از ارجاع به پرونده‬"},
 {"id": "image_url", "title": "‫تغییر نشانی وب (url)‬"},
 {"id": "image_width", "title": "‫تغییر عرض تصویر‬"},
 {"id": "includedImages", "textContent": "‫تصاویر گنجانده شده‬"},
-{"id": "iwidthLabel", "textContent": "‫عرض:‬"},
 {"id": "largest_object", "textContent": "‫بزرگترین شئ‬"},
 {"id": "layer_delete", "title": "‫حذف لایه‬"},
 {"id": "layer_down", "title": "‫انتقال لایه به پایین‬"},
@@ -45,16 +41,21 @@
 {"id": "line_x2", "title": "‫تغییر مختصات x پایان خط‬"},
 {"id": "line_y1", "title": "‫تغییر مختصات y آغاز خط‬"},
 {"id": "line_y2", "title": "‫تغییر مختصات y پایان خط‬"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "‫صفحه‬"},
 {"id": "palette", "title": "‫برای تغییر رنگ، کلیک کنید. برای تغییر رنگ لبه، کلید تبدیل (shift) را فشرده و کلیک کنید‬"},
 {"id": "path_node_x", "title": "‫تغییر مختصات x نقطه‬"},
 {"id": "path_node_y", "title": "‫تغییر مختصات y نقطه‬"},
 {"id": "rect_height_tool", "title": "‫تغییر ارتفاع مستطیل‬"},
-{"id": "cornerRadiusLabel", "title": "‫تغییر شعاع گوشه مستطیل‬"},
 {"id": "rect_width_tool", "title": "‫تغییر عرض مستطیل‬"},
 {"id": "relativeToLabel", "textContent": "‫نسبت به:‬"},
-{"id": "rheightLabel", "textContent": "‫ارتفاع:‬"},
-{"id": "rwidthLabel", "textContent": "‫عرض:‬"},
 {"id": "seg_type", "title": "‫تغییر نوع قطعه (segment)‬"},
 {"id": "selLayerLabel", "textContent": "‫انتقال عناصر به:‬"},
 {"id": "selLayerNames", "title": "‫انتقال عناصر انتخاب شده به یک لایه متفاوت‬"},
@@ -66,7 +67,6 @@
 {"id": "straight_segments", "textContent": "‫مستقیم‬"},
 {"id": "stroke_color", "title": "‫تغییر رنگ لبه‬"},
 {"id": "stroke_style", "title": "‫تغییر نقطه چین لبه‬"},
-{"id": "stroke_tool_bottom", "textContent": "‫لبه:‬"},
 {"id": "stroke_width", "title": "‫تغییر عرض لبه‬"},
 {"id": "svginfo_bg_note", "textContent": "‫توجه: پس زمینه همراه تصویر ذخیره نخواهد شد.‬"},
 {"id": "svginfo_change_background", "textContent": "‫پس زمینه ویراستار‬"},
@@ -79,12 +79,16 @@
 {"id": "svginfo_title", "textContent": "‫عنوان‬"},
 {"id": "svginfo_width", "textContent": "‫عرض:‬"},
 {"id": "text", "title": "‫تغییر محتویات متن‬"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "‫تراز پایین‬"},
 {"id": "tool_aligncenter", "title": "‫وسط چین‬"},
 {"id": "tool_alignleft", "title": "‫چپ چین‬"},
 {"id": "tool_alignmiddle", "title": "‫تراز میانه‬"},
 {"id": "tool_alignright", "title": "‫راست چین‬"},
 {"id": "tool_aligntop", "title": "‫تراز بالا‬"},
+{"id": "tool_angle", "title": "‫تغییر زاویه چرخش‬"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "‫متن توپر ‬"},
 {"id": "tool_circle", "title": "‫دایره‬"},
 {"id": "tool_clear", "textContent": "‫تصویر جدید ‬"},
@@ -96,11 +100,15 @@
 {"id": "tool_docprops_cancel", "textContent": "‫لغو‬"},
 {"id": "tool_docprops_save", "textContent": "‫تأیید‬"},
 {"id": "tool_ellipse", "title": "‫بیضی‬"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "‫بیضی با قابلیت تغییر پویا‬"},
 {"id": "tool_fhpath", "title": "‫ابزار مداد ‬"},
 {"id": "tool_fhrect", "title": "‫مستطیل با قابلیت تغییر پویا‬"},
+{"id": "tool_font_size", "title": "‫تغییر اندازه قلم‬"},
 {"id": "tool_group", "title": "‫قرار دادن عناصر در گروه ‬"},
 {"id": "tool_image", "title": "‫ابزار تصویر ‬"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "‫متن کج ‬"},
 {"id": "tool_line", "title": "‫ابزار خط ‬"},
 {"id": "tool_move_bottom", "title": "‫انتقال به پایین ترین ‬"},
@@ -108,6 +116,7 @@
 {"id": "tool_node_clone", "title": "‫ایجاد کپی از نقطه‬"},
 {"id": "tool_node_delete", "title": "‫حذف نقطه‬"},
 {"id": "tool_node_link", "title": "‫پیوند دادن نقاط کنترل‬"},
+{"id": "tool_opacity", "title": "‫تغییر تاری عنصر انتخاب شده‬"},
 {"id": "tool_open", "textContent": "‫باز کردن تصویر ‬"},
 {"id": "tool_path", "title": "‫ابزار مسیر ‬"},
 {"id": "tool_rect", "title": "‫مستطیل‬"},
@@ -125,8 +134,8 @@
 {"id": "tool_ungroup", "title": "‫خارج کردن عناصر از گروه ‬"},
 {"id": "tool_wireframe", "title": "‫حالت نمایش لبه ها ‬"},
 {"id": "tool_zoom", "title": "‫ابزار بزرگ نمایی ‬"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "‫تغییر بزرگ نمایی‬"},
-{"id": "zoomLabel", "textContent": "‫بزرگ نمایی:‬"},
 {"id": "sidepanel_handle", "textContent": "‫لایه ها‬", "title": "‫برای تغییر اندازه منوی کناری، آن را به سمت راست/چپ بکشید ‬"},
 {
  "js_strings": {
@@ -135,10 +144,16 @@
   "QmoveElemsToLayer": "‫عناصر انتخاب شده به لایه '%s' منتقل شوند؟‬", 
   "QwantToClear": "‫آیا مطمئن هستید که می خواهید نقاشی را پاک کنید؟\nاین عمل باعث حذف تاریخچه واگرد شما خواهد شد!‬", 
   "cancel": "‫لغو‬", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "‫لایه ای با آن نام وجود دارد!‬", 
   "enterNewImgURL": "‫نشانی وب (url) تصویر جدید را وارد کنید‬", 
   "enterNewLayerName": "‫لطفا نام لایه جدید را وارد کنید‬", 
   "enterUniqueLayerName": "‫لطفا یک نام لایه یکتا انتخاب کنید‬", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "‫این ویژگی پشتیبانی نشده است‬", 
   "invalidAttrValGiven": "‫مقدار داده شده نامعتبر است‬", 
   "key_backspace": "‫پس بر ‬", 
@@ -147,10 +162,13 @@
   "key_up": "‫بالا ‬", 
   "layer": "‫لایه‬", 
   "layerHasThatName": "‫لایه از قبل آن نام را دارد‬", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "‫محتوایی برای هم اندازه شدن وجود ندارد‬", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "‫تأیید‬", 
   "pathCtrlPtTooltip": "‫برای تنظیم مشخصات منحنی، نقطه کنترل را بکشید‬", 
-  "pathNodeTooltip": "‫برای جابه جا کردن نقطه، آن را بکشید. برای تغییر قطعه (segment)، روی نقطه دوبار کلیک کنید‬"
+  "pathNodeTooltip": "‫برای جابه جا کردن نقطه، آن را بکشید. برای تغییر قطعه (segment)، روی نقطه دوبار کلیک کنید‬", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.fi.js b/public/svg-edit/editor/locale/lang.fi.js
index f81fa1ea..a2ce312d 100644
--- a/public/svg-edit/editor/locale/lang.fi.js
+++ b/public/svg-edit/editor/locale/lang.fi.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Kohdista suhteessa ..."},
-{"id": "tool_angle", "title": "Muuta kiertokulma"},
-{"id": "angleLabel", "textContent": "kulma:"},
 {"id": "bkgnd_color", "title": "Vaihda taustaväri / sameuden"},
 {"id": "circle_cx", "title": "Muuta Circlen CX koordinoida"},
 {"id": "circle_cy", "title": "Muuta Circlen CY koordinoida"},
 {"id": "circle_r", "title": "Muuta ympyrän säde"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Muuta suorakaide Corner Säde"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Muuta ellipsi&#39;s CX koordinoida"},
 {"id": "ellipse_cy", "title": "Muuta ellipsi&#39;s CY koordinoida"},
 {"id": "ellipse_rx", "title": "Muuta ellipsi&#39;s x säde"},
 {"id": "ellipse_ry", "title": "Muuta ellipsi n y säde"},
 {"id": "fill_color", "title": "Muuta täyttöväri"},
-{"id": "fill_tool_bottom", "textContent": "täyttää:"},
 {"id": "fitToContent", "textContent": "Sovita Content"},
 {"id": "fit_to_all", "textContent": "Sovita kaikki content"},
 {"id": "fit_to_canvas", "textContent": "Sovita kangas"},
 {"id": "fit_to_layer_content", "textContent": "Sovita kerros sisältöön"},
 {"id": "fit_to_sel", "textContent": "Sovita valinta"},
 {"id": "font_family", "title": "Muuta Font Family"},
-{"id": "tool_font_size", "title": "Muuta fontin kokoa"},
-{"id": "tool_opacity", "title": "Muuta valitun kohteen läpinäkyvyys"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "korkeus:"},
 {"id": "image_height", "title": "Muuta kuvan korkeus"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Muuta URL"},
 {"id": "image_width", "title": "Muuta kuvan leveys"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "leveys:"},
 {"id": "largest_object", "textContent": "Suurin kohde"},
 {"id": "layer_delete", "title": "Poista Layer"},
 {"id": "layer_down", "title": "Siirrä Layer alas"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Muuta Linen päättyy x koordinoida"},
 {"id": "line_y1", "title": "Muuta Linen alkaa y-koordinaatti"},
 {"id": "line_y2", "title": "Muuta Linen päättyy y koordinoida"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "sivulta"},
 {"id": "palette", "title": "Klikkaa muuttaa täyttöväri, Shift-click vaihtaa aivohalvauksen väriä"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Muuta suorakaiteen korkeus"},
-{"id": "cornerRadiusLabel", "title": "Muuta suorakaide Corner Säde"},
 {"id": "rect_width_tool", "title": "Muuta suorakaiteen leveys"},
 {"id": "relativeToLabel", "textContent": "suhteessa:"},
-{"id": "rheightLabel", "textContent": "korkeus:"},
-{"id": "rwidthLabel", "textContent": "leveys"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Muuta aivohalvaus väri"},
 {"id": "stroke_style", "title": "Muuta aivohalvaus Dash tyyli"},
-{"id": "stroke_tool_bottom", "textContent": "halvaus:"},
 {"id": "stroke_width", "title": "Muuta aivohalvaus leveys"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Leveys:"},
 {"id": "text", "title": "Muuta tekstin sisältö"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Align Bottom"},
 {"id": "tool_aligncenter", "title": "Keskitä"},
 {"id": "tool_alignleft", "title": "Tasaa vasemmalle"},
 {"id": "tool_alignmiddle", "title": "Kohdista Lähi"},
 {"id": "tool_alignright", "title": "Tasaa oikealle"},
 {"id": "tool_aligntop", "title": "Kohdista Top"},
+{"id": "tool_angle", "title": "Muuta kiertokulma"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Lihavoitu teksti"},
 {"id": "tool_circle", "title": "Ympyrään"},
 {"id": "tool_clear", "textContent": "Uusi kuva"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Peruuta"},
 {"id": "tool_docprops_save", "textContent": "Tallentaa"},
 {"id": "tool_ellipse", "title": "Soikion"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Kynätyökalu"},
 {"id": "tool_fhrect", "title": "Free-Hand suorakaide"},
+{"id": "tool_font_size", "title": "Muuta fontin kokoa"},
 {"id": "tool_group", "title": "Tuoteryhmään Elements"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Kursivoitu"},
 {"id": "tool_line", "title": "Viivatyökalulla"},
 {"id": "tool_move_bottom", "title": "Move to Bottom"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Muuta valitun kohteen läpinäkyvyys"},
 {"id": "tool_open", "textContent": "Avaa kuva"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Suorakulmiossa"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Ungroup Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Suurennustyökalu"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Muuta suurennustaso"},
-{"id": "zoomLabel", "textContent": "zoomin:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.fr.js b/public/svg-edit/editor/locale/lang.fr.js
index 7c08b3b7..ab03da9f 100644
--- a/public/svg-edit/editor/locale/lang.fr.js
+++ b/public/svg-edit/editor/locale/lang.fr.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Aligner par rapport à ..."},
-{"id": "tool_angle", "title": "Changer l'angle de rotation"},
-{"id": "angleLabel", "textContent": "Angle:"},
 {"id": "bkgnd_color", "title": "Changer la couleur d'arrière-plan / l'opacité"},
 {"id": "circle_cx", "title": "Changer la position horizontale cx du cercle"},
 {"id": "circle_cy", "title": "Changer la position verticale cy du cercle"},
 {"id": "circle_r", "title": "Changer le rayon du cercle"},
-{"id": "cornerRadiusLabel", "textContent": "Rayon du coin :"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Changer le rayon des coins du rectangle"},
 {"id": "curve_segments", "textContent": "Courbe"},
 {"id": "ellipse_cx", "title": "Changer la position horizontale cx de l'ellipse"},
 {"id": "ellipse_cy", "title": "Changer la position verticale cy de l'ellipse"},
 {"id": "ellipse_rx", "title": "Changer le rayon horizontal x de l'ellipse"},
 {"id": "ellipse_ry", "title": "Changer le rayon vertical y de l'ellipse"},
 {"id": "fill_color", "title": "Changer la couleur de remplissage"},
-{"id": "fill_tool_bottom", "textContent": "Remplis.:"},
 {"id": "fitToContent", "textContent": "Ajuster au contenu"},
 {"id": "fit_to_all", "textContent": "Ajuster au contenu de tous les calques"},
 {"id": "fit_to_canvas", "textContent": "Ajuster au canevas"},
 {"id": "fit_to_layer_content", "textContent": "Ajuster au contenu du calque"},
 {"id": "fit_to_sel", "textContent": "Ajuster à la sélection"},
 {"id": "font_family", "title": "Changer la famille de police"},
-{"id": "tool_font_size", "title": "Taille de la police"},
-{"id": "tool_opacity", "title": "Changer l'opacité de l'élément"},
 {"id": "icon_large", "textContent": "Grande"},
 {"id": "icon_medium", "textContent": "Moyenne"},
 {"id": "icon_small", "textContent": "Petite"},
 {"id": "icon_xlarge", "textContent": "Super-Grande"},
-{"id": "iheightLabel", "textContent": "Hauteur:"},
 {"id": "image_height", "title": "Changer la hauteur de l'image"},
 {"id": "image_opt_embed", "textContent": "Incorporer les images en tant que données (fichiers locaux)"},
 {"id": "image_opt_ref", "textContent": "Utiliser la référence des images "},
 {"id": "image_url", "title": "Modifier l'URL"},
 {"id": "image_width", "title": "Changer la largeur de l'image"},
 {"id": "includedImages", "textContent": "Images incorporées"},
-{"id": "iwidthLabel", "textContent": "Largeur:"},
 {"id": "largest_object", "textContent": "Plus gros objet"},
 {"id": "layer_delete", "title": "Supprimer le calque"},
 {"id": "layer_down", "title": "Descendre le calque"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Changer la position horizontale x de fin de la ligne"},
 {"id": "line_y1", "title": "Changer la position verticale y de début de la ligne"},
 {"id": "line_y2", "title": "Changer la position verticale y de fin de la ligne"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "Page"},
 {"id": "palette", "title": "Cliquer pour changer la couleur de remplissage, Shift-Clic pour changer la couleur de contour"},
 {"id": "path_node_x", "title": "Changer la positon horizontale x du nœud"},
 {"id": "path_node_y", "title": "Changer la position verticale y du nœud"},
 {"id": "rect_height_tool", "title": "Changer la hauteur du rectangle"},
-{"id": "cornerRadiusLabel", "title": "Changer le rayon des coins du rectangle"},
 {"id": "rect_width_tool", "title": "Changer la largeur du rectangle"},
 {"id": "relativeToLabel", "textContent": "Relativement à:"},
-{"id": "rheightLabel", "textContent": "Hauteur:"},
-{"id": "rwidthLabel", "textContent": "Largeur:"},
 {"id": "seg_type", "title": "Changer le type du Segment"},
 {"id": "selLayerLabel", "textContent": "Déplacer éléments vers:"},
 {"id": "selLayerNames", "title": "Déplacer les éléments sélectionnés vers un autre calque"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Droit"},
 {"id": "stroke_color", "title": "Changer la couleur du contour"},
 {"id": "stroke_style", "title": "Changer le style du contour"},
-{"id": "stroke_tool_bottom", "textContent": "Contour:"},
 {"id": "stroke_width", "title": "Changer la largeur du contour"},
 {"id": "svginfo_bg_note", "textContent": "Note: La toile de fond n'est pas sauvegardée avec l'image."},
 {"id": "svginfo_change_background", "textContent": "Toile de fond de l'Éditeur"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Titre"},
 {"id": "svginfo_width", "textContent": "Largeur:"},
 {"id": "text", "title": "Changer le contenu du texte"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Aligner le bas des objets"},
 {"id": "tool_aligncenter", "title": "Centrer verticalement"},
 {"id": "tool_alignleft", "title": "Aligner les côtés gauches"},
 {"id": "tool_alignmiddle", "title": "Centrer horizontalement"},
 {"id": "tool_alignright", "title": "Aligner les côtés droits"},
 {"id": "tool_aligntop", "title": "Aligner le haut des objets"},
+{"id": "tool_angle", "title": "Changer l'angle de rotation"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Texte en gras"},
 {"id": "tool_circle", "title": "Cercle"},
 {"id": "tool_clear", "textContent": "Nouvelle image"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Annuler"},
 {"id": "tool_docprops_save", "textContent": "OK"},
 {"id": "tool_ellipse", "title": "Ellipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Ellipse main levée"},
 {"id": "tool_fhpath", "title": "Crayon à main levée"},
 {"id": "tool_fhrect", "title": "Rectangle main levée"},
+{"id": "tool_font_size", "title": "Taille de la police"},
 {"id": "tool_group", "title": "Grouper les éléments"},
 {"id": "tool_image", "title": "Outil Image"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Texte en italique"},
 {"id": "tool_line", "title": "Tracer des lignes"},
 {"id": "tool_move_bottom", "title": "Déplacer vers le bas"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Cloner le nœud"},
 {"id": "tool_node_delete", "title": "Supprimer le nœud"},
 {"id": "tool_node_link", "title": "Rendre les points de contrôle solidaires"},
+{"id": "tool_opacity", "title": "Changer l'opacité de l'élément"},
 {"id": "tool_open", "textContent": "Ouvrir une image"},
 {"id": "tool_path", "title": "Outil Chemin"},
 {"id": "tool_rect", "title": "Rectangle"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Dégrouper les éléments"},
 {"id": "tool_wireframe", "title": "Mode Fil de Fer"},
 {"id": "tool_zoom", "title": "Zoom"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Changer le niveau de zoom"},
-{"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "C A L Q U E S", "title": "Tirer vers la gauche/droite pour redimensionner le panneau"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Déplacer les éléments sélectionnés vers le calque '%s' ?", 
   "QwantToClear": "Voulez-vous effacer le dessin ?\nL'historique de vos actions sera également effacé !", 
   "cancel": "Annuler", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "Il existe déjà un calque de ce nom !", 
   "enterNewImgURL": "Entrer la nouvelle URL de l'image", 
   "enterNewLayerName": "Veuillez entrer le nouveau nom du calque", 
   "enterUniqueLayerName": "Veuillez entrer un nom (unique) pour le calque", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Fonction non supportée", 
   "invalidAttrValGiven": "Valeur fournie invalide", 
   "key_backspace": "Suppr.", 
@@ -147,10 +161,13 @@
   "key_up": "Haut", 
   "layer": "Calque", 
   "layerHasThatName": "Le calque porte déjà ce nom", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "Il n'y a pas de contenu auquel ajuster", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Glisser-déposer le point de contrôle pour ajuster les propriétés de la courbe", 
-  "pathNodeTooltip": "Glisser-déposer le nœud pour le déplacer. Double-cliquer le nœud pour changer de type de segment"
+  "pathNodeTooltip": "Glisser-déposer le nœud pour le déplacer. Double-cliquer le nœud pour changer de type de segment", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.fy.js b/public/svg-edit/editor/locale/lang.fy.js
index 0aeb3efc..dd615a32 100644
--- a/public/svg-edit/editor/locale/lang.fy.js
+++ b/public/svg-edit/editor/locale/lang.fy.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Útlijne relatyf oan..."},
-{"id": "tool_angle", "title": "Draaie"},
-{"id": "angleLabel", "textContent": "Hoek:"},
 {"id": "bkgnd_color", "title": "Eftergrûnkleur/trochsichtigens oanpasse"},
 {"id": "circle_cx", "title": "Feroarje it X-koördinaat fan it middelpunt fan'e sirkel."},
 {"id": "circle_cy", "title": "Feroarje it Y-koördinaat fan it middelpunt fan'e sirkel."},
 {"id": "circle_r", "title": "Feroarje sirkelradius"},
-{"id": "cornerRadiusLabel", "textContent": "Hoekradius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Hoekeradius oanpasse"},
 {"id": "curve_segments", "textContent": "Bûcht"},
 {"id": "ellipse_cx", "title": "Feroarje it X-koördinaat fan it middelpunt fan'e ellips."},
 {"id": "ellipse_cy", "title": "Feroarje it Y-koördinaat fan it middelpunt fan'e ellips."},
 {"id": "ellipse_rx", "title": "Feroarje ellips X radius"},
 {"id": "ellipse_ry", "title": "Feroarje ellips Y radius"},
 {"id": "fill_color", "title": "Folkleur oanpasse"},
-{"id": "fill_tool_bottom", "textContent": "Kleur:"},
 {"id": "fitToContent", "textContent": "Passe op ynhâld"},
 {"id": "fit_to_all", "textContent": "Op alle ynhâld passe"},
 {"id": "fit_to_canvas", "textContent": "Op kanvas passe"},
 {"id": "fit_to_layer_content", "textContent": "Op laachynhâld passe"},
 {"id": "fit_to_sel", "textContent": "Op seleksje passe"},
 {"id": "font_family", "title": "Lettertype oanpasse"},
-{"id": "tool_font_size", "title": "Lettergrutte oanpasse"},
-{"id": "tool_opacity", "title": "Trochsichtigens oanpasse"},
 {"id": "icon_large", "textContent": "Grut"},
 {"id": "icon_medium", "textContent": "Middel"},
 {"id": "icon_small", "textContent": "Lyts"},
 {"id": "icon_xlarge", "textContent": "Ekstra grut"},
-{"id": "iheightLabel", "textContent": "Hichte:"},
 {"id": "image_height", "title": "Hichte ôfbielding oanpasse"},
 {"id": "image_opt_embed", "textContent": "Ynformaasje tafoege (lokale triemen)"},
 {"id": "image_opt_ref", "textContent": "Triemreferensje brûke"},
 {"id": "image_url", "title": "URL oanpasse"},
 {"id": "image_width", "title": "Breedte ôfbielding oanpasse"},
 {"id": "includedImages", "textContent": "Ynslúten ôfbieldingen"},
-{"id": "iwidthLabel", "textContent": "Breedte:"},
 {"id": "largest_object", "textContent": "Grutste ûnderdiel"},
 {"id": "layer_delete", "title": "Laach fuortsmite"},
 {"id": "layer_down", "title": "Laach omleech bringe"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Feroarje ein X koördinaat fan'e line"},
 {"id": "line_y1", "title": "Feroarje start Y koördinaat fan'e line"},
 {"id": "line_y2", "title": "Feroarje ein Y koördinaat fan'e line"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "Side"},
 {"id": "palette", "title": "Klik om de folkleur te feroarjen, shift-klik om de linekleur te feroarjen."},
 {"id": "path_node_x", "title": "X-koördinaat knooppunt oanpasse"},
 {"id": "path_node_y", "title": "Y-koördinaat knooppunt oanpasse"},
 {"id": "rect_height_tool", "title": "Hichte rjochthoeke oanpasse"},
-{"id": "cornerRadiusLabel", "title": "Hoekeradius oanpasse"},
 {"id": "rect_width_tool", "title": "Breedte rjochthoeke oanpasse"},
 {"id": "relativeToLabel", "textContent": "Relatief tsjinoer:"},
-{"id": "rheightLabel", "textContent": "Hichte:"},
-{"id": "rwidthLabel", "textContent": "Breedte:"},
 {"id": "seg_type", "title": "Segmenttype oanpasse"},
 {"id": "selLayerLabel", "textContent": "Ûnderdielen ferplaate nei:"},
 {"id": "selLayerNames", "title": "Selektearre ûnderdielen ferplaatse nei in oare laach"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Rjocht"},
 {"id": "stroke_color", "title": "Linekleur oanpasse"},
 {"id": "stroke_style", "title": "Linestijl oanpasse"},
-{"id": "stroke_tool_bottom", "textContent": "Line:"},
 {"id": "stroke_width", "title": "Linebreedte oanpasse"},
 {"id": "svginfo_bg_note", "textContent": "Let op: de eftergrûn wurd net mei de ôfbielding bewarre."},
 {"id": "svginfo_change_background", "textContent": "Eftergrûn bewurker"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Titel"},
 {"id": "svginfo_width", "textContent": "Breedte:"},
 {"id": "text", "title": "Tekst oanpasse"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Ûnder útlijne"},
 {"id": "tool_aligncenter", "title": "Midden útlijne"},
 {"id": "tool_alignleft", "title": "Lofts útlijne"},
 {"id": "tool_alignmiddle", "title": "Midden útlijne"},
 {"id": "tool_alignright", "title": "Rjochts útlijne"},
 {"id": "tool_aligntop", "title": "Boppe útlijne"},
+{"id": "tool_angle", "title": "Draaie"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Fet"},
 {"id": "tool_circle", "title": "Sirkel"},
 {"id": "tool_clear", "textContent": "Nije ôfbielding"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Ôfbrekke"},
 {"id": "tool_docprops_save", "textContent": "Ok"},
 {"id": "tool_ellipse", "title": "Ellips"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Frije ellips"},
 {"id": "tool_fhpath", "title": "Potlead"},
 {"id": "tool_fhrect", "title": "Frije rjochthoeke"},
+{"id": "tool_font_size", "title": "Lettergrutte oanpasse"},
 {"id": "tool_group", "title": "Ûnderdielen groepearje"},
 {"id": "tool_image", "title": "Ôfbielding"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Skean"},
 {"id": "tool_line", "title": "Line"},
 {"id": "tool_move_bottom", "title": "Nei eftergrûn"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Knooppunt duplisearje"},
 {"id": "tool_node_delete", "title": "Knooppunt fuortsmite"},
 {"id": "tool_node_link", "title": "Knooppunten keppelje"},
+{"id": "tool_opacity", "title": "Trochsichtigens oanpasse"},
 {"id": "tool_open", "textContent": "Ôfbielding iepenje"},
 {"id": "tool_path", "title": "Paad"},
 {"id": "tool_rect", "title": "Rjochthoeke"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Groepering opheffe"},
 {"id": "tool_wireframe", "title": "Triemodel"},
 {"id": "tool_zoom", "title": "Zoom"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Yn-/útzoome"},
-{"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a g e n", "title": "Sleep nei links/rjochts om it sidepaniel grutter as lytser te meitjen"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Selektearre ûnderdielen ferplaatse nei '%s'?", 
   "QwantToClear": "Ôfbielding leechmeitsje? Dit sil ek de skiednis fuortsmite!", 
   "cancel": "Ôfbrekke", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "Der is al in laach mei dy namme!", 
   "enterNewImgURL": "Jou de nije URL", 
   "enterNewLayerName": "Type in nije laachnamme", 
   "enterUniqueLayerName": "Type in unyke laachnamme", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Funksje wurdt net ûndersteund", 
   "invalidAttrValGiven": "Ferkearde waarde jûn", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "omheech", 
   "layer": "Laach", 
   "layerHasThatName": "Laach hat dy namme al", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "Gjin ynhâld om te passen", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "Ok", 
   "pathCtrlPtTooltip": "Fersleepje dit knooppunt om de boocheigenskippen oan te passen.", 
-  "pathNodeTooltip": "Fersleepje dit knooppunt as dûbelklik om it segmenttype oan te passen."
+  "pathNodeTooltip": "Fersleepje dit knooppunt as dûbelklik om it segmenttype oan te passen.", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.ga.js b/public/svg-edit/editor/locale/lang.ga.js
index c43bbe12..68659a25 100644
--- a/public/svg-edit/editor/locale/lang.ga.js
+++ b/public/svg-edit/editor/locale/lang.ga.js
@@ -1,12 +1,12 @@
 [
 {"id": "align_relative_to", "title": "Ailínigh i gcomparáid leis ..."},
-{"id": "tool_angle", "title": "Uillinn rothlaithe Athrú"},
 {"id": "angleLabel", "textContent": "uillinn:"},
 {"id": "bkgnd_color", "title": "Dath cúlra Athraigh / teimhneacht"},
 {"id": "circle_cx", "title": "Athraigh an ciorcal a chomhordú CX"},
 {"id": "circle_cy", "title": "Athraigh an ciorcal a chomhordú ga"},
 {"id": "circle_r", "title": "Athraigh an ciorcal&#39;s ga"},
 {"id": "cornerRadiusLabel", "textContent": "Ga Cúinne:"},
+{"id": "cornerRadiusLabel", "title": "Athraigh Dronuilleog Cúinne na Ga"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Athraigh Éilips&#39;s CX a chomhordú"},
 {"id": "ellipse_cy", "title": "Athraigh an Éilips a chomhordú ga"},
@@ -20,8 +20,6 @@
 {"id": "fit_to_layer_content", "textContent": "Laghdaigh shraith ábhar a"},
 {"id": "fit_to_sel", "textContent": "Laghdaigh a roghnú"},
 {"id": "font_family", "title": "Athraigh an Cló Teaghlaigh"},
-{"id": "tool_font_size", "title": "Athraigh Clómhéid"},
-{"id": "tool_opacity", "title": "Athraigh roghnaithe teimhneacht mír"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -50,7 +48,6 @@
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Airde dronuilleog Athrú"},
-{"id": "cornerRadiusLabel", "title": "Athraigh Dronuilleog Cúinne na Ga"},
 {"id": "rect_width_tool", "title": "Leithead dronuilleog Athrú"},
 {"id": "relativeToLabel", "textContent": "i gcomparáid leis:"},
 {"id": "rheightLabel", "textContent": "Airde:"},
@@ -85,6 +82,7 @@
 {"id": "tool_alignmiddle", "title": "Cineál Middle"},
 {"id": "tool_alignright", "title": "Ailínigh ar Dheis"},
 {"id": "tool_aligntop", "title": "Cineál Barr"},
+{"id": "tool_angle", "title": "Uillinn rothlaithe Athrú"},
 {"id": "tool_bold", "title": "Trom Téacs"},
 {"id": "tool_circle", "title": "Ciorcal"},
 {"id": "tool_clear", "textContent": "Íomhá Nua"},
@@ -99,6 +97,7 @@
 {"id": "tool_fhellipse", "title": "Free-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Phionsail Uirlis"},
 {"id": "tool_fhrect", "title": "Saor Hand Dronuilleog"},
+{"id": "tool_font_size", "title": "Athraigh Clómhéid"},
 {"id": "tool_group", "title": "Eilimintí Grúpa"},
 {"id": "tool_image", "title": "Íomhá Uirlis"},
 {"id": "tool_italic", "title": "Iodálach Téacs"},
@@ -108,6 +107,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Athraigh roghnaithe teimhneacht mír"},
 {"id": "tool_open", "textContent": "Íomhá Oscailte"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Dronuilleog"},
@@ -125,8 +125,8 @@
 {"id": "tool_ungroup", "title": "Eilimintí Díghrúpáil"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zúmáil Uirlis"},
-{"id": "zoom_panel", "title": "Athraigh súmáil leibhéal"},
 {"id": "zoomLabel", "textContent": "súmáil isteach:"},
+{"id": "zoom_panel", "title": "Athraigh súmáil leibhéal"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
diff --git a/public/svg-edit/editor/locale/lang.gl.js b/public/svg-edit/editor/locale/lang.gl.js
index d2e5a661..0d7fe2a1 100644
--- a/public/svg-edit/editor/locale/lang.gl.js
+++ b/public/svg-edit/editor/locale/lang.gl.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Aliñar en relación a ..."},
-{"id": "tool_angle", "title": "Cambiar o ángulo de xiro"},
-{"id": "angleLabel", "textContent": "ángulo:"},
 {"id": "bkgnd_color", "title": "Mudar a cor de fondo / Opacidade"},
 {"id": "circle_cx", "title": "Cx Cambiar círculo de coordenadas"},
 {"id": "circle_cy", "title": "Círculo Cambio cy coordinar"},
 {"id": "circle_r", "title": "Cambiar círculo de raio"},
-{"id": "cornerRadiusLabel", "textContent": "Radio Corner:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Cambiar Corner Rectangle Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Cambiar elipse cx coordinar"},
 {"id": "ellipse_cy", "title": "Elipse Cambio cy coordinar"},
 {"id": "ellipse_rx", "title": "Raios X Change elipse"},
 {"id": "ellipse_ry", "title": "Radio y Change elipse"},
 {"id": "fill_color", "title": "Cambia-la cor de recheo"},
-{"id": "fill_tool_bottom", "textContent": "encher:"},
 {"id": "fitToContent", "textContent": "Axustar ó contido"},
 {"id": "fit_to_all", "textContent": "Axustar a todo o contido"},
 {"id": "fit_to_canvas", "textContent": "Axustar a pantalla"},
 {"id": "fit_to_layer_content", "textContent": "Axustar o contido da capa de"},
 {"id": "fit_to_sel", "textContent": "Axustar a selección"},
 {"id": "font_family", "title": "Cambiar fonte Familia"},
-{"id": "tool_font_size", "title": "Mudar tamaño de letra"},
-{"id": "tool_opacity", "title": "Cambia a opacidade elemento seleccionado"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "altura:"},
 {"id": "image_height", "title": "Cambiar altura da imaxe"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Cambiar URL"},
 {"id": "image_width", "title": "Cambiar o ancho da imaxe"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "ancho:"},
 {"id": "largest_object", "textContent": "maior obxecto"},
 {"id": "layer_delete", "title": "Delete Layer"},
 {"id": "layer_down", "title": "Move capa inferior"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Cambie a liña acaba coordenada x"},
 {"id": "line_y1", "title": "Cambio na liña do recurso coordinada y"},
 {"id": "line_y2", "title": "Salto de liña acaba coordinada y"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "Portada"},
 {"id": "palette", "title": "Preme aquí para cambiar a cor de recheo, Shift-clic para cambiar a cor do curso"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Cambiar altura do rectángulo"},
-{"id": "cornerRadiusLabel", "title": "Cambiar Corner Rectangle Radius"},
 {"id": "rect_width_tool", "title": "Cambiar a largo rectángulo"},
 {"id": "relativeToLabel", "textContent": "en relación ao:"},
-{"id": "rheightLabel", "textContent": "height:"},
-{"id": "rwidthLabel", "textContent": "width:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Cambiar a cor do curso"},
 {"id": "stroke_style", "title": "Modifica o estilo do trazo do curso"},
-{"id": "stroke_tool_bottom", "textContent": "golpe:"},
 {"id": "stroke_width", "title": "Cambiar o ancho do curso"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Ancho:"},
 {"id": "text", "title": "Cambiar o contido de texto"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Align bottom"},
 {"id": "tool_aligncenter", "title": "Centrar"},
 {"id": "tool_alignleft", "title": "Aliñar á Esquerda"},
 {"id": "tool_alignmiddle", "title": "Aliñar Medio"},
 {"id": "tool_alignright", "title": "Aliñar á Dereita"},
 {"id": "tool_aligntop", "title": "Align Top"},
+{"id": "tool_angle", "title": "Cambiar o ángulo de xiro"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Bold Text"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "Nova Imaxe"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Cancelar"},
 {"id": "tool_docprops_save", "textContent": "Gardar"},
 {"id": "tool_ellipse", "title": "Elipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Ferramenta Lapis"},
 {"id": "tool_fhrect", "title": "Free-Hand Rectangle"},
+{"id": "tool_font_size", "title": "Mudar tamaño de letra"},
 {"id": "tool_group", "title": "Elementos do grupo"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Texto en cursiva"},
 {"id": "tool_line", "title": "Ferramenta Liña"},
 {"id": "tool_move_bottom", "title": "Move a Bottom"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Cambia a opacidade elemento seleccionado"},
 {"id": "tool_open", "textContent": "Abrir Imaxe"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Rectángulo"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Elementos Desagrupadas"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Cambiar o nivel de zoom"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.he.js b/public/svg-edit/editor/locale/lang.he.js
index 25efab10..42f1a818 100755
--- a/public/svg-edit/editor/locale/lang.he.js
+++ b/public/svg-edit/editor/locale/lang.he.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "יישור ביחס ..."},
-{"id": "tool_angle", "title": "שינוי זווית הסיבוב"},
-{"id": "angleLabel", "textContent": "זווית:"},
 {"id": "bkgnd_color", "title": "שנה את צבע הרקע / אטימות"},
 {"id": "circle_cx", "title": "CX מעגל של שנה לתאם"},
 {"id": "circle_cy", "title": "מעגל שנה של cy לתאם"},
 {"id": "circle_r", "title": "מעגל שנה של רדיוס"},
-{"id": "cornerRadiusLabel", "textContent": "רדיוס פינה:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "לשנות מלבן פינת רדיוס"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "שינוי של אליפסה CX לתאם"},
 {"id": "ellipse_cy", "title": "אליפסה שינוי של cy לתאם"},
 {"id": "ellipse_rx", "title": "אליפסה שינוי של רדיוס x"},
 {"id": "ellipse_ry", "title": "אליפסה שינוי של Y רדיוס"},
 {"id": "fill_color", "title": "שינוי צבע מילוי"},
-{"id": "fill_tool_bottom", "textContent": "למלא:"},
 {"id": "fitToContent", "textContent": "התאם תוכן"},
 {"id": "fit_to_all", "textContent": "התאם התכנים"},
 {"id": "fit_to_canvas", "textContent": "התאם בד"},
 {"id": "fit_to_layer_content", "textContent": "מתאים לתוכן שכבת"},
 {"id": "fit_to_sel", "textContent": "התאם הבחירה"},
 {"id": "font_family", "title": "שינוי גופן משפחה"},
-{"id": "tool_font_size", "title": "שנה גודל גופן"},
-{"id": "tool_opacity", "title": "שינוי הפריט הנבחר אטימות"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "גובה:"},
 {"id": "image_height", "title": "שינוי גובה התמונה"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "שינוי כתובת"},
 {"id": "image_width", "title": "שינוי רוחב התמונה"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "רוחב:"},
 {"id": "largest_object", "textContent": "האובייקט הגדול"},
 {"id": "layer_delete", "title": "מחיקת שכבה"},
 {"id": "layer_down", "title": "הזז למטה שכבה"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "שינוי קו הסיום של x לתאם"},
 {"id": "line_y1", "title": "שינוי קו ההתחלה של Y לתאם"},
 {"id": "line_y2", "title": "שינוי קו הסיום של Y לתאם"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "דף"},
 {"id": "palette", "title": "לחץ כדי לשנות צבע מילוי, לחץ על Shift-לשנות צבע שבץ"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "שינוי גובה המלבן"},
-{"id": "cornerRadiusLabel", "title": "לשנות מלבן פינת רדיוס"},
 {"id": "rect_width_tool", "title": "שינוי רוחב המלבן"},
 {"id": "relativeToLabel", "textContent": "יחסית:"},
-{"id": "rheightLabel", "textContent": "גובה:"},
-{"id": "rwidthLabel", "textContent": "רוחב:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "שינוי צבע שבץ"},
 {"id": "stroke_style", "title": "דש שבץ שינוי סגנון"},
-{"id": "stroke_tool_bottom", "textContent": "מכה:"},
 {"id": "stroke_width", "title": "שינוי רוחב שבץ"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "רוחב:"},
 {"id": "text", "title": "שינוי תוכן טקסט"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "יישור תחתון"},
 {"id": "tool_aligncenter", "title": "ישור לאמצע"},
 {"id": "tool_alignleft", "title": "יישור לשמאל"},
 {"id": "tool_alignmiddle", "title": "יישור התיכון"},
 {"id": "tool_alignright", "title": "יישור לימין"},
 {"id": "tool_aligntop", "title": "יישור למעלה"},
+{"id": "tool_angle", "title": "שינוי זווית הסיבוב"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "טקסט מודגש"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "תמונה חדשה"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "ביטול"},
 {"id": "tool_docprops_save", "textContent": "לשמור"},
 {"id": "tool_ellipse", "title": "אליפסה"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand אליפסה"},
 {"id": "tool_fhpath", "title": "כלי העיפרון"},
 {"id": "tool_fhrect", "title": "Free-Hand מלבן"},
+{"id": "tool_font_size", "title": "שנה גודל גופן"},
 {"id": "tool_group", "title": "אלמנטים הקבוצה"},
 {"id": "tool_image", "title": "כלי תמונה"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "טקסט נטוי"},
 {"id": "tool_line", "title": "כלי הקו"},
 {"id": "tool_move_bottom", "title": "הזז למטה"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "שינוי הפריט הנבחר אטימות"},
 {"id": "tool_open", "textContent": "פתח תמונה"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "מלבן"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "אלמנטים פרק קבוצה"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "זום כלי"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "שינוי גודל תצוגה"},
-{"id": "zoomLabel", "textContent": "זום:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.hi.js b/public/svg-edit/editor/locale/lang.hi.js
index b25c9cc8..75402801 100644
--- a/public/svg-edit/editor/locale/lang.hi.js
+++ b/public/svg-edit/editor/locale/lang.hi.js
@@ -1,39 +1,35 @@
 [
 {"id": "align_relative_to", "title": "संरेखित करें रिश्तेदार को ..."},
-{"id": "tool_angle", "title": "बदलें रोटेशन कोण"},
-{"id": "angleLabel", "textContent": "कोण:"},
 {"id": "bkgnd_color", "title": "पृष्ठभूमि का रंग बदल / अस्पष्टता"},
 {"id": "circle_cx", "title": "बदल रहा है चक्र cx समन्वय"},
 {"id": "circle_cy", "title": "परिवर्तन चक्र cy समन्वय है"},
 {"id": "circle_r", "title": "बदल रहा है चक्र त्रिज्या"},
-{"id": "cornerRadiusLabel", "textContent": "कोने का रेडियस"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "कोने का रेडियस"},
+{"id": "cornerRadiusLabel", "title": "बदलें आयत कॉर्नर त्रिज्या"},
 {"id": "curve_segments", "textContent": "घुमाव"},
 {"id": "ellipse_cx", "title": "बदलें दीर्घवृत्त है cx समन्वय"},
 {"id": "ellipse_cy", "title": "बदलें दीर्घवृत्त cy समन्वय है"},
 {"id": "ellipse_rx", "title": "बदल रहा है दीर्घवृत्त x त्रिज्या"},
 {"id": "ellipse_ry", "title": "बदल रहा है दीर्घवृत्त y त्रिज्या"},
 {"id": "fill_color", "title": "बदलें का रंग भरना"},
-{"id": "fill_tool_bottom", "textContent": "भरना:"},
 {"id": "fitToContent", "textContent": "सामग्री के लिए फिट"},
 {"id": "fit_to_all", "textContent": "सभी सामग्री के लिए फिट"},
 {"id": "fit_to_canvas", "textContent": "फिट कैनवास को"},
 {"id": "fit_to_layer_content", "textContent": "फिट परत सामग्री के लिए"},
 {"id": "fit_to_sel", "textContent": "चयन के लिए फिट"},
 {"id": "font_family", "title": "बदलें फ़ॉन्ट परिवार"},
-{"id": "tool_font_size", "title": "फ़ॉन्ट का आकार बदलें"},
-{"id": "tool_opacity", "title": "पारदर्शिता बदलें"},
 {"id": "icon_large", "textContent": "बड़ा"},
 {"id": "icon_medium", "textContent": "मध्यम"},
 {"id": "icon_small", "textContent": "छोटा"},
 {"id": "icon_xlarge", "textContent": "बहुत बड़ा"},
-{"id": "iheightLabel", "textContent": "ऊँचाई:"},
 {"id": "image_height", "title": "बदलें छवि ऊँचाई"},
 {"id": "image_opt_embed", "textContent": "एम्बेड डेटा (स्थानीय फ़ाइलें)"},
 {"id": "image_opt_ref", "textContent": "फाइल के संदर्भ का प्रयोग"},
 {"id": "image_url", "title": "बदलें यूआरएल"},
 {"id": "image_width", "title": "बदलें छवि चौड़ाई"},
 {"id": "includedImages", "textContent": "शामिल छवियाँ"},
-{"id": "iwidthLabel", "textContent": "चौड़ाई:"},
 {"id": "largest_object", "textContent": "सबसे बड़ी वस्तु"},
 {"id": "layer_delete", "title": "परत हटाएँ"},
 {"id": "layer_down", "title": "परत नीचे ले जाएँ"},
@@ -45,16 +41,21 @@
 {"id": "line_x2", "title": "बदल रहा है लाइन x समन्वय समाप्त"},
 {"id": "line_y1", "title": "बदलें रेखा y शुरू हो रहा है समन्वय"},
 {"id": "line_y2", "title": "बदलें रेखा y अंत है समन्वय"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "पृष्ठ"},
 {"id": "palette", "title": "रंग बदलने पर क्लिक करें, बदलाव भरने के क्लिक करने के लिए स्ट्रोक का रंग बदलने के लिए"},
 {"id": "path_node_x", "title": "नोड का x समकक्ष बदलें"},
 {"id": "path_node_y", "title": "नोड का y समकक्ष बदलें"},
 {"id": "rect_height_tool", "title": "बदलें आयत ऊंचाई"},
-{"id": "cornerRadiusLabel", "title": "बदलें आयत कॉर्नर त्रिज्या"},
 {"id": "rect_width_tool", "title": "बदलें आयत चौड़ाई"},
 {"id": "relativeToLabel", "textContent": "रिश्तेदार को:"},
-{"id": "rheightLabel", "textContent": "ऊँचाई:"},
-{"id": "rwidthLabel", "textContent": "चौड़ाई:"},
 {"id": "seg_type", "title": "वर्ग प्रकार बदलें"},
 {"id": "selLayerLabel", "textContent": "अंश को ले जाएँ:"},
 {"id": "selLayerNames", "title": "चयनित अंश को दूसरी परत पर  ले जाएँ"},
@@ -66,7 +67,6 @@
 {"id": "straight_segments", "textContent": "सीधे वर्ग"},
 {"id": "stroke_color", "title": "बदलें स्ट्रोक रंग"},
 {"id": "stroke_style", "title": "बदलें स्ट्रोक डेश शैली"},
-{"id": "stroke_tool_bottom", "textContent": "आघात:"},
 {"id": "stroke_width", "title": "बदलें स्ट्रोक चौड़ाई"},
 {"id": "svginfo_bg_note", "textContent": "नोट: पृष्ठभूमि छवि के साथ नहीं बचायी जाएगी"},
 {"id": "svginfo_change_background", "textContent": "संपादक पृष्ठभूमि"},
@@ -79,12 +79,16 @@
 {"id": "svginfo_title", "textContent": "शीर्षक"},
 {"id": "svginfo_width", "textContent": "चौड़ाई:"},
 {"id": "text", "title": "बदलें पाठ सामग्री"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "तलमेंपंक्तिबद्धकरें"},
 {"id": "tool_aligncenter", "title": "मध्य में समंजित करें"},
 {"id": "tool_alignleft", "title": " पंक्तिबद्ध करें"},
 {"id": "tool_alignmiddle", "title": "मध्य संरेखित करें"},
 {"id": "tool_alignright", "title": "दायाँपंक्तिबद्धकरें"},
 {"id": "tool_aligntop", "title": "शीर्षमेंपंक्तिबद्धकरें"},
+{"id": "tool_angle", "title": "बदलें रोटेशन कोण"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "मोटा पाठ"},
 {"id": "tool_circle", "title": "वृत्त"},
 {"id": "tool_clear", "textContent": "नई छवि"},
@@ -96,11 +100,15 @@
 {"id": "tool_docprops_cancel", "textContent": "रद्द करें"},
 {"id": "tool_docprops_save", "textContent": "बचाना"},
 {"id": "tool_ellipse", "title": "दीर्घवृत्त"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "नि: शुल्क हाथ दीर्घवृत्त"},
 {"id": "tool_fhpath", "title": "पेंसिल उपकरण"},
 {"id": "tool_fhrect", "title": "नि: शुल्क हाथ आयत"},
+{"id": "tool_font_size", "title": "फ़ॉन्ट का आकार बदलें"},
 {"id": "tool_group", "title": "समूह तत्वों"},
 {"id": "tool_image", "title": "छवि उपकरण"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "इटैलिक पाठ"},
 {"id": "tool_line", "title": "लाइन उपकरण"},
 {"id": "tool_move_bottom", "title": "नीचे ले जाएँ"},
@@ -108,6 +116,7 @@
 {"id": "tool_node_clone", "title": "नोड क्लोन"},
 {"id": "tool_node_delete", "title": "नोड हटायें"},
 {"id": "tool_node_link", "title": "कड़ी नियंत्रण बिंदु"},
+{"id": "tool_opacity", "title": "पारदर्शिता बदलें"},
 {"id": "tool_open", "textContent": "छवि खोलें"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "आयत"},
@@ -125,8 +134,8 @@
 {"id": "tool_ungroup", "title": "अंश को समूह से अलग करें"},
 {"id": "tool_wireframe", "title": "रूपरेखा मोड"},
 {"id": "tool_zoom", "title": "ज़ूम उपकरण"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "बदलें स्तर ज़ूम"},
-{"id": "zoomLabel", "textContent": "जूम:"},
 {"id": "sidepanel_handle", "textContent": "प र तें", "title": "दायें/बाएं घसीट कर आकार बदलें"},
 {
  "js_strings": {
@@ -135,10 +144,16 @@
   "QmoveElemsToLayer": "चयनित अंश को परत '%s' पर ले जाएँ ?", 
   "QwantToClear": "क्या आप छवि साफ़ करना चाहते हैं?\nयह आपके उन्डू  इतिहास को भी मिटा देगा!", 
   "cancel": "रद्द करें", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "इस नाम कि परत पहले से मौजूद है !", 
   "enterNewImgURL": "नई छवि URL दर्ज करें", 
   "enterNewLayerName": "कृपया परत का एक नया नाम डालें", 
   "enterUniqueLayerName": "कृपया परत का एक अद्वितीय नाम डालें", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "सुविधा असमर्थित है", 
   "invalidAttrValGiven": "अमान्य मूल्य", 
   "key_backspace": "बैकस्पेस", 
@@ -147,10 +162,13 @@
   "key_up": "ऊपर", 
   "layer": "परत", 
   "layerHasThatName": "परत का पहले से ही यही नाम है", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "कोई सामग्री फिट करने के लिए उपलब्ध नहीं", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "ठीक", 
   "pathCtrlPtTooltip": "नियंत्रण बिंदु को खींचें, घुमाव के गुणो समायोजित करने के लिए", 
-  "pathNodeTooltip": "नोड खींचें उसे हिलाने के लिए. डबल-क्लिक कीजिये वर्ग के प्रकार को बदलने के लिए"
+  "pathNodeTooltip": "नोड खींचें उसे हिलाने के लिए. डबल-क्लिक कीजिये वर्ग के प्रकार को बदलने के लिए", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.hr.js b/public/svg-edit/editor/locale/lang.hr.js
index 62bfa27a..59e0c90a 100644
--- a/public/svg-edit/editor/locale/lang.hr.js
+++ b/public/svg-edit/editor/locale/lang.hr.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Poravnaj u odnosu na ..."},
-{"id": "tool_angle", "title": "Promijeni rotation angle"},
-{"id": "angleLabel", "textContent": "kut:"},
 {"id": "bkgnd_color", "title": "Promijeni boju pozadine / neprozirnost"},
 {"id": "circle_cx", "title": "Promjena krug&#39;s CX koordinirati"},
 {"id": "circle_cy", "title": "Cy Promijeni krug je koordinirati"},
 {"id": "circle_r", "title": "Promjena krug je radijusa"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Promijeni Pravokutnik Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Promjena elipsa&#39;s CX koordinirati"},
 {"id": "ellipse_cy", "title": "Cy Promijeni elipsa je koordinirati"},
 {"id": "ellipse_rx", "title": "Promijeniti elipsa&#39;s x polumjer"},
 {"id": "ellipse_ry", "title": "Promjena elipsa&#39;s y polumjer"},
 {"id": "fill_color", "title": "Promjena boje ispune"},
-{"id": "fill_tool_bottom", "textContent": "puniti:"},
 {"id": "fitToContent", "textContent": "Fit to Content"},
 {"id": "fit_to_all", "textContent": "Prilagodi na sve sadržaje"},
 {"id": "fit_to_canvas", "textContent": "Prilagodi na platnu"},
 {"id": "fit_to_layer_content", "textContent": "Prilagodi sloj sadržaj"},
 {"id": "fit_to_sel", "textContent": "Prilagodi odabir"},
 {"id": "font_family", "title": "Promjena fontova"},
-{"id": "tool_font_size", "title": "Change font size"},
-{"id": "tool_opacity", "title": "Promjena odabrane stavke neprozirnost"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "visina:"},
 {"id": "image_height", "title": "Promijeni sliku visina"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Promijeni URL"},
 {"id": "image_width", "title": "Promijeni sliku širine"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "širina:"},
 {"id": "largest_object", "textContent": "najveći objekt"},
 {"id": "layer_delete", "title": "Brisanje sloja"},
 {"id": "layer_down", "title": "Move Layer Down"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Promjena linije završetak x koordinatu"},
 {"id": "line_y1", "title": "Promijeni linija je početak y koordinatu"},
 {"id": "line_y2", "title": "Promjena linije završetak y koordinatu"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "stranica"},
 {"id": "palette", "title": "Kliknite promijeniti boju ispune, shift-click to promijeniti boju moždanog udara"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Promijeni pravokutnik visine"},
-{"id": "cornerRadiusLabel", "title": "Promijeni Pravokutnik Corner Radius"},
 {"id": "rect_width_tool", "title": "Promijeni pravokutnik širine"},
 {"id": "relativeToLabel", "textContent": "u odnosu na:"},
-{"id": "rheightLabel", "textContent": "visina:"},
-{"id": "rwidthLabel", "textContent": "širina:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Promjena boje moždani udar"},
 {"id": "stroke_style", "title": "Promijeni stroke crtica stil"},
-{"id": "stroke_tool_bottom", "textContent": "udar:"},
 {"id": "stroke_width", "title": "Promjena širine moždani udar"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Širina:"},
 {"id": "text", "title": "Promjena sadržaja teksta"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Poravnaj dolje"},
 {"id": "tool_aligncenter", "title": "Centriraj"},
 {"id": "tool_alignleft", "title": "Poravnaj lijevo"},
 {"id": "tool_alignmiddle", "title": "Poravnaj Srednji"},
 {"id": "tool_alignright", "title": "Poravnaj desno"},
 {"id": "tool_aligntop", "title": "Poravnaj Top"},
+{"id": "tool_angle", "title": "Promijeni rotation angle"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Podebljani tekst"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "Nove slike"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Odustani"},
 {"id": "tool_docprops_save", "textContent": "Spremiti"},
 {"id": "tool_ellipse", "title": "Elipsa"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Pencil Tool"},
 {"id": "tool_fhrect", "title": "Free-Hand Pravokutnik"},
+{"id": "tool_font_size", "title": "Change font size"},
 {"id": "tool_group", "title": "Grupa Elementi"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Italic Text"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Move to Bottom"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Promjena odabrane stavke neprozirnost"},
 {"id": "tool_open", "textContent": "Otvori sliku"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Pravokutnik"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Razgrupiranje Elementi"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Alat za zumiranje"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Promjena razine zumiranja"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.hu.js b/public/svg-edit/editor/locale/lang.hu.js
index a98cede6..9f5d35a4 100644
--- a/public/svg-edit/editor/locale/lang.hu.js
+++ b/public/svg-edit/editor/locale/lang.hu.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Képest Igazítás ..."},
-{"id": "tool_angle", "title": "Váltás forgás szög"},
-{"id": "angleLabel", "textContent": "irányból:"},
 {"id": "bkgnd_color", "title": "Change background color / homályosság"},
 {"id": "circle_cx", "title": "Change kör CX koordináta"},
 {"id": "circle_cy", "title": "Change kör cy koordináta"},
 {"id": "circle_r", "title": "Change kör sugara"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Change téglalap sarok sugara"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Change ellipszis&#39;s CX koordináta"},
 {"id": "ellipse_cy", "title": "Change ellipszis&#39;s cy koordináta"},
 {"id": "ellipse_rx", "title": "Change ellipszis&#39;s x sugarú"},
 {"id": "ellipse_ry", "title": "Change ellipszis&#39;s y sugara"},
 {"id": "fill_color", "title": "Change töltse color"},
-{"id": "fill_tool_bottom", "textContent": "kitölt:"},
 {"id": "fitToContent", "textContent": "Fit to Content"},
 {"id": "fit_to_all", "textContent": "Illeszkednek az összes tartalom"},
 {"id": "fit_to_canvas", "textContent": "Igazítás a vászonra"},
 {"id": "fit_to_layer_content", "textContent": "Igazítás a réteg tartalma"},
 {"id": "fit_to_sel", "textContent": "Igazítás a kiválasztási"},
 {"id": "font_family", "title": "Change Betűcsalád"},
-{"id": "tool_font_size", "title": "Change font size"},
-{"id": "tool_opacity", "title": "A kijelölt elem opacity"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "magasság:"},
 {"id": "image_height", "title": "Kép módosítása height"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Change URL"},
 {"id": "image_width", "title": "Change kép szélessége"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "szélesség:"},
 {"id": "largest_object", "textContent": "legnagyobb objektum"},
 {"id": "layer_delete", "title": "Réteg törlése"},
 {"id": "layer_down", "title": "Mozgatása lefelé"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "A sor vége az x koordináta"},
 {"id": "line_y1", "title": "A sor kezd y koordináta"},
 {"id": "line_y2", "title": "A sor vége az y koordináta"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "Page"},
 {"id": "palette", "title": "Kattints ide a változások töltse szín, shift-click változtatni stroke color"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Change téglalap magassága"},
-{"id": "cornerRadiusLabel", "title": "Change téglalap sarok sugara"},
 {"id": "rect_width_tool", "title": "Change téglalap szélessége"},
 {"id": "relativeToLabel", "textContent": "relatív hogy:"},
-{"id": "rheightLabel", "textContent": "magasság:"},
-{"id": "rwidthLabel", "textContent": "szélesség:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Change stroke color"},
 {"id": "stroke_style", "title": "Change stroke kötőjel style"},
-{"id": "stroke_tool_bottom", "textContent": "ütés:"},
 {"id": "stroke_width", "title": "Change stroke width"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Szélesség:"},
 {"id": "text", "title": "A szöveg tartalma"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Alulra igazítás"},
 {"id": "tool_aligncenter", "title": "Középre igazítás"},
 {"id": "tool_alignleft", "title": "Balra igazítás"},
 {"id": "tool_alignmiddle", "title": "Közép-align"},
 {"id": "tool_alignright", "title": "Jobbra igazítás"},
 {"id": "tool_aligntop", "title": "Align Top"},
+{"id": "tool_angle", "title": "Váltás forgás szög"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Félkövér szöveg"},
 {"id": "tool_circle", "title": "Körbe"},
 {"id": "tool_clear", "textContent": "Új kép"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Szakítani"},
 {"id": "tool_docprops_save", "textContent": "Ment"},
 {"id": "tool_ellipse", "title": "Ellipszisszelet"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Ceruza eszköz"},
 {"id": "tool_fhrect", "title": "Free-Hand téglalap"},
+{"id": "tool_font_size", "title": "Change font size"},
 {"id": "tool_group", "title": "Csoport elemei"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Dőlt szöveg"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Mozgatás lefelé"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "A kijelölt elem opacity"},
 {"id": "tool_open", "textContent": "Kép megnyitása"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Téglalapban"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Szétbont elemei"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Change nagyítási"},
-{"id": "zoomLabel", "textContent": "nagyítási:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.hy.js b/public/svg-edit/editor/locale/lang.hy.js
index c0fac22f..08cffbee 100644
--- a/public/svg-edit/editor/locale/lang.hy.js
+++ b/public/svg-edit/editor/locale/lang.hy.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Align relative to ..."},
-{"id": "tool_angle", "title": "Change rotation angle"},
-{"id": "angleLabel", "textContent": "angle:"},
 {"id": "bkgnd_color", "title": "Change background color/opacity"},
 {"id": "circle_cx", "title": "Change circle's cx coordinate"},
 {"id": "circle_cy", "title": "Change circle's cy coordinate"},
 {"id": "circle_r", "title": "Change circle's radius"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Change Rectangle Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Change ellipse's cx coordinate"},
 {"id": "ellipse_cy", "title": "Change ellipse's cy coordinate"},
 {"id": "ellipse_rx", "title": "Change ellipse's x radius"},
 {"id": "ellipse_ry", "title": "Change ellipse's y radius"},
 {"id": "fill_color", "title": "Change fill color"},
-{"id": "fill_tool_bottom", "textContent": "fill:"},
 {"id": "fitToContent", "textContent": "Fit to Content"},
 {"id": "fit_to_all", "textContent": "Fit to all content"},
 {"id": "fit_to_canvas", "textContent": "Fit to canvas"},
 {"id": "fit_to_layer_content", "textContent": "Fit to layer content"},
 {"id": "fit_to_sel", "textContent": "Fit to selection"},
 {"id": "font_family", "title": "Change Font Family"},
-{"id": "tool_font_size", "title": "Change Font Size"},
-{"id": "tool_opacity", "title": "Change selected item opacity"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "height:"},
 {"id": "image_height", "title": "Change image height"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Change URL"},
 {"id": "image_width", "title": "Change image width"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "width:"},
 {"id": "largest_object", "textContent": "largest object"},
 {"id": "layer_delete", "title": "Delete Layer"},
 {"id": "layer_down", "title": "Move Layer Down"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Change line's ending x coordinate"},
 {"id": "line_y1", "title": "Change line's starting y coordinate"},
 {"id": "line_y2", "title": "Change line's ending y coordinate"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "page"},
 {"id": "palette", "title": "Click to change fill color, shift-click to change stroke color"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Change rectangle height"},
-{"id": "cornerRadiusLabel", "title": "Change Rectangle Corner Radius"},
 {"id": "rect_width_tool", "title": "Change rectangle width"},
 {"id": "relativeToLabel", "textContent": "relative to:"},
-{"id": "rheightLabel", "textContent": "height:"},
-{"id": "rwidthLabel", "textContent": "width:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Change stroke color"},
 {"id": "stroke_style", "title": "Change stroke dash style"},
-{"id": "stroke_tool_bottom", "textContent": "stroke:"},
 {"id": "stroke_width", "title": "Change stroke width"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Width:"},
 {"id": "text", "title": "Change text contents"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Align Bottom"},
 {"id": "tool_aligncenter", "title": "Align Center"},
 {"id": "tool_alignleft", "title": "Align Left"},
 {"id": "tool_alignmiddle", "title": "Align Middle"},
 {"id": "tool_alignright", "title": "Align Right"},
 {"id": "tool_aligntop", "title": "Align Top"},
+{"id": "tool_angle", "title": "Change rotation angle"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Bold Text"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "New Image"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Cancel"},
 {"id": "tool_docprops_save", "textContent": "Save"},
 {"id": "tool_ellipse", "title": "Ellipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Pencil Tool"},
 {"id": "tool_fhrect", "title": "Free-Hand Rectangle"},
+{"id": "tool_font_size", "title": "Change Font Size"},
 {"id": "tool_group", "title": "Group Elements"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Italic Text"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Move to Bottom"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Change selected item opacity"},
 {"id": "tool_open", "textContent": "Open Image"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Rectangle"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Ungroup Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Change zoom level"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.id.js b/public/svg-edit/editor/locale/lang.id.js
index 2c82d670..03ef774f 100644
--- a/public/svg-edit/editor/locale/lang.id.js
+++ b/public/svg-edit/editor/locale/lang.id.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Rata relatif ..."},
-{"id": "tool_angle", "title": "Ubah sudut rotasi"},
-{"id": "angleLabel", "textContent": "sudut:"},
 {"id": "bkgnd_color", "title": "Mengubah warna latar belakang / keburaman"},
 {"id": "circle_cx", "title": "Mengubah koordinat lingkaran cx"},
 {"id": "circle_cy", "title": "Mengubah koordinat cy lingkaran"},
 {"id": "circle_r", "title": "Ubah jari-jari lingkaran"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Ubah Corner Rectangle Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Ubah elips&#39;s cx koordinat"},
 {"id": "ellipse_cy", "title": "Ubah elips&#39;s cy koordinat"},
 {"id": "ellipse_rx", "title": "Ubah elips&#39;s x jari-jari"},
 {"id": "ellipse_ry", "title": "Ubah elips&#39;s y jari-jari"},
 {"id": "fill_color", "title": "Ubah warna mengisi"},
-{"id": "fill_tool_bottom", "textContent": "mengisi:"},
 {"id": "fitToContent", "textContent": "Fit to Content"},
 {"id": "fit_to_all", "textContent": "Cocok untuk semua konten"},
 {"id": "fit_to_canvas", "textContent": "Muat kanvas"},
 {"id": "fit_to_layer_content", "textContent": "Muat konten lapisan"},
 {"id": "fit_to_sel", "textContent": "Fit seleksi"},
 {"id": "font_family", "title": "Ubah Font Keluarga"},
-{"id": "tool_font_size", "title": "Ubah Ukuran Font"},
-{"id": "tool_opacity", "title": "Mengubah item yang dipilih keburaman"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "ketinggian:"},
 {"id": "image_height", "title": "Tinggi gambar Perubahan"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Ubah URL"},
 {"id": "image_width", "title": "Ubah Lebar gambar"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "lebar:"},
 {"id": "largest_object", "textContent": "objek terbesar"},
 {"id": "layer_delete", "title": "Hapus Layer"},
 {"id": "layer_down", "title": "Pindahkan Layer Bawah"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Ubah baris&#39;s Berakhir x koordinat"},
 {"id": "line_y1", "title": "Ubah baris mulai y koordinat"},
 {"id": "line_y2", "title": "Ubah baris di tiap akhir y koordinat"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "Halaman"},
 {"id": "palette", "title": "Klik untuk mengubah warna mengisi, shift-klik untuk mengubah warna stroke"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Perubahan tinggi persegi panjang"},
-{"id": "cornerRadiusLabel", "title": "Ubah Corner Rectangle Radius"},
 {"id": "rect_width_tool", "title": "Ubah persegi panjang lebar"},
 {"id": "relativeToLabel", "textContent": "relatif:"},
-{"id": "rheightLabel", "textContent": "height:"},
-{"id": "rwidthLabel", "textContent": "width:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Ubah warna stroke"},
 {"id": "stroke_style", "title": "Ubah gaya dash stroke"},
-{"id": "stroke_tool_bottom", "textContent": "langkah:"},
 {"id": "stroke_width", "title": "Ubah stroke width"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Lebar:"},
 {"id": "text", "title": "Ubah isi teks"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Rata Bottom"},
 {"id": "tool_aligncenter", "title": "Rata Tengah"},
 {"id": "tool_alignleft", "title": "Rata Kiri"},
 {"id": "tool_alignmiddle", "title": "Rata Tengah"},
 {"id": "tool_alignright", "title": "Rata Kanan"},
 {"id": "tool_aligntop", "title": "Rata Top"},
+{"id": "tool_angle", "title": "Ubah sudut rotasi"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Bold Teks"},
 {"id": "tool_circle", "title": "Lingkaran"},
 {"id": "tool_clear", "textContent": "Gambar Baru"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Batal"},
 {"id": "tool_docprops_save", "textContent": "Simpan"},
 {"id": "tool_ellipse", "title": "Ellipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Pencil Tool"},
 {"id": "tool_fhrect", "title": "Free-Hand Persegi Panjang"},
+{"id": "tool_font_size", "title": "Ubah Ukuran Font"},
 {"id": "tool_group", "title": "Kelompok Elemen"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Italic Teks"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Pindah ke Bawah"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Mengubah item yang dipilih keburaman"},
 {"id": "tool_open", "textContent": "Membuka Image"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Rectangle"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Ungroup Elemen"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Mengubah tingkat pembesaran"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.is.js b/public/svg-edit/editor/locale/lang.is.js
index 1a24a877..9ad606a0 100644
--- a/public/svg-edit/editor/locale/lang.is.js
+++ b/public/svg-edit/editor/locale/lang.is.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Jafna miðað við ..."},
-{"id": "tool_angle", "title": "Breyting snúningur horn"},
-{"id": "angleLabel", "textContent": "horn:"},
 {"id": "bkgnd_color", "title": "Breyta bakgrunnslit / opacity"},
 {"id": "circle_cx", "title": "Cx Breyta hring er að samræma"},
 {"id": "circle_cy", "title": "Breyta hring&#39;s cy samræma"},
 {"id": "circle_r", "title": "Radíus Breyta hringsins er"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radíus:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Breyta rétthyrningur Corner Radíus"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Breyta sporbaug&#39;s cx samræma"},
 {"id": "ellipse_cy", "title": "Breyta sporbaug&#39;s cy samræma"},
 {"id": "ellipse_rx", "title": "X radíus Breyta sporbaug&#39;s"},
 {"id": "ellipse_ry", "title": "Y radíus Breyta sporbaug&#39;s"},
 {"id": "fill_color", "title": "Breyta fylla color"},
-{"id": "fill_tool_bottom", "textContent": "fylla:"},
 {"id": "fitToContent", "textContent": "Fit to Content"},
 {"id": "fit_to_all", "textContent": "Laga til efni"},
 {"id": "fit_to_canvas", "textContent": "Fit á striga"},
 {"id": "fit_to_layer_content", "textContent": "Laga til lag efni"},
 {"id": "fit_to_sel", "textContent": "Fit til val"},
 {"id": "font_family", "title": "Change Leturfjölskylda"},
-{"id": "tool_font_size", "title": "Breyta leturstærð"},
-{"id": "tool_opacity", "title": "Breyta valin atriði opacity"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "hæð:"},
 {"id": "image_height", "title": "Breyta mynd hæð"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Breyta URL"},
 {"id": "image_width", "title": "Breyta mynd width"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "breidd:"},
 {"id": "largest_object", "textContent": "stærsti hlutinn"},
 {"id": "layer_delete", "title": "Eyða Lag"},
 {"id": "layer_down", "title": "Færa Layer Down"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Breyta lína&#39;s Ending x samræma"},
 {"id": "line_y1", "title": "Breyta lína í byrjun y samræma"},
 {"id": "line_y2", "title": "Breyta lína er endir y samræma"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "síðu"},
 {"id": "palette", "title": "Smelltu hér til að breyta fylla lit, Shift-smelltu til að breyta högg lit"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Breyta rétthyrningur hæð"},
-{"id": "cornerRadiusLabel", "title": "Breyta rétthyrningur Corner Radíus"},
 {"id": "rect_width_tool", "title": "Skipta rétthyrningur width"},
 {"id": "relativeToLabel", "textContent": "hlutfallslegt til:"},
-{"id": "rheightLabel", "textContent": "Height"},
-{"id": "rwidthLabel", "textContent": "width:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Breyta heilablķđfall color"},
 {"id": "stroke_style", "title": "Breyta heilablķđfall þjóta stíl"},
-{"id": "stroke_tool_bottom", "textContent": "högg:"},
 {"id": "stroke_width", "title": "Breyta heilablķđfall width"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Breidd:"},
 {"id": "text", "title": "Breyta texta innihald"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Jafna Bottom"},
 {"id": "tool_aligncenter", "title": "Jafna Center"},
 {"id": "tool_alignleft", "title": "Vinstri jöfnun"},
 {"id": "tool_alignmiddle", "title": "Jafna Mið"},
 {"id": "tool_alignright", "title": "Hægri jöfnun"},
 {"id": "tool_aligntop", "title": "Jöfnun Top"},
+{"id": "tool_angle", "title": "Breyting snúningur horn"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Bold Text"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "New Image"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Hætta"},
 {"id": "tool_docprops_save", "textContent": "Vista"},
 {"id": "tool_ellipse", "title": "Sporbaugur"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Sporbaugur"},
 {"id": "tool_fhpath", "title": "Blýantur Tól"},
 {"id": "tool_fhrect", "title": "Free-Hand rétthyrningur"},
+{"id": "tool_font_size", "title": "Breyta leturstærð"},
 {"id": "tool_group", "title": "Group Elements"},
 {"id": "tool_image", "title": "Mynd Tól"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Italic Text"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Færa Bottom"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Breyta valin atriði opacity"},
 {"id": "tool_open", "textContent": "Opna mynd"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Rétthyrningur"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Ungroup Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Breyta Stækkunarstig"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.it.js b/public/svg-edit/editor/locale/lang.it.js
index 20012f82..e5a7759e 100644
--- a/public/svg-edit/editor/locale/lang.it.js
+++ b/public/svg-edit/editor/locale/lang.it.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Allineati alla ..."},
-{"id": "tool_angle", "title": "Cambia l&#39;angolo di rotazione"},
-{"id": "angleLabel", "textContent": "Angolo:"},
 {"id": "bkgnd_color", "title": "Cambia il colore di sfondo / opacità"},
 {"id": "circle_cx", "title": "Cx cerchio Modifica di coordinate"},
 {"id": "circle_cy", "title": "Cambia&#39;s circle CY coordinare"},
 {"id": "circle_r", "title": "Cambia il raggio del cerchio"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Cambia Rectangle Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Cambia dell&#39;ellisse cx coordinare"},
 {"id": "ellipse_cy", "title": "Ellisse Cambia&#39;s CY coordinare"},
 {"id": "ellipse_rx", "title": "Raggio x ellisse Cambia&#39;s"},
 {"id": "ellipse_ry", "title": "Raggio y ellisse Cambia&#39;s"},
 {"id": "fill_color", "title": "Cambia il colore di riempimento"},
-{"id": "fill_tool_bottom", "textContent": "riempire:"},
 {"id": "fitToContent", "textContent": "Adatta al contenuto"},
 {"id": "fit_to_all", "textContent": "Adatta a tutti i contenuti"},
 {"id": "fit_to_canvas", "textContent": "Adatta alla tela"},
 {"id": "fit_to_layer_content", "textContent": "Adatta a livello di contenuti"},
 {"id": "fit_to_sel", "textContent": "Adatta alla selezione"},
 {"id": "font_family", "title": "Change Font Family"},
-{"id": "tool_font_size", "title": "Modifica dimensione carattere"},
-{"id": "tool_opacity", "title": "Cambia l&#39;opacità dell&#39;oggetto selezionato"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "altezza:"},
 {"id": "image_height", "title": "Cambia l&#39;altezza dell&#39;immagine"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Cambia URL"},
 {"id": "image_width", "title": "Cambia la larghezza dell&#39;immagine"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "ampiezza:"},
 {"id": "largest_object", "textContent": "il più grande oggetto"},
 {"id": "layer_delete", "title": "Elimina livello"},
 {"id": "layer_down", "title": "Move Layer Down"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Modifica la linea di fine coordinata x"},
 {"id": "line_y1", "title": "Modifica la linea di partenza coordinata y"},
 {"id": "line_y2", "title": "Modifica la linea di fine coordinata y"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "Pagina"},
 {"id": "palette", "title": "Fare clic per cambiare il colore di riempimento, shift-click per cambiare colore del tratto"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Cambia l&#39;altezza rettangolo"},
-{"id": "cornerRadiusLabel", "title": "Cambia Rectangle Corner Radius"},
 {"id": "rect_width_tool", "title": "Cambia la larghezza rettangolo"},
 {"id": "relativeToLabel", "textContent": "rispetto al:"},
-{"id": "rheightLabel", "textContent": "Altezza:"},
-{"id": "rwidthLabel", "textContent": "Larghezza:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Cambia colore ictus"},
 {"id": "stroke_style", "title": "Cambia lo stile dash ictus"},
-{"id": "stroke_tool_bottom", "textContent": "colpo:"},
 {"id": "stroke_width", "title": "Cambia la larghezza ictus"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Ampiezza:"},
 {"id": "text", "title": "Cambia il contenuto del testo"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Allinea in basso"},
 {"id": "tool_aligncenter", "title": "Allinea al centro"},
 {"id": "tool_alignleft", "title": "Allinea a sinistra"},
 {"id": "tool_alignmiddle", "title": "Allinea al centro"},
 {"id": "tool_alignright", "title": "Allinea a destra"},
 {"id": "tool_aligntop", "title": "Allinea in alto"},
+{"id": "tool_angle", "title": "Cambia l&#39;angolo di rotazione"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Grassetto"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "New Image"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Annulla"},
 {"id": "tool_docprops_save", "textContent": "Salvare"},
 {"id": "tool_ellipse", "title": "Ellipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Lo strumento matita"},
 {"id": "tool_fhrect", "title": "Free-Hand Rectangle"},
+{"id": "tool_font_size", "title": "Modifica dimensione carattere"},
 {"id": "tool_group", "title": "Group Elements"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Corsivo"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Move to Bottom"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Cambia l&#39;opacità dell&#39;oggetto selezionato"},
 {"id": "tool_open", "textContent": "Apri immagine"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Rettangolo"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Separa Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Cambia il livello di zoom"},
-{"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.ja.js b/public/svg-edit/editor/locale/lang.ja.js
index d67425ff..e0bde679 100644
--- a/public/svg-edit/editor/locale/lang.ja.js
+++ b/public/svg-edit/editor/locale/lang.ja.js
@@ -1,39 +1,35 @@
 [
 {"id": "align_relative_to", "title": "揃える"},
-{"id": "tool_angle", "title": "回転角の変更"},
-{"id": "angleLabel", "textContent": "角度:"},
 {"id": "bkgnd_color", "title": "背景色/不透明度の変更"},
 {"id": "circle_cx", "title": "円の中心を変更（X座標）"},
 {"id": "circle_cy", "title": "円の中心を変更（Y座標）"},
 {"id": "circle_r", "title": "変更円の半径"},
-{"id": "cornerRadiusLabel", "textContent": "角の半径："},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "角の半径："},
+{"id": "cornerRadiusLabel", "title": "長方形の角の半径を変更"},
 {"id": "curve_segments", "textContent": "カーブ"},
 {"id": "ellipse_cx", "title": "楕円の中心を変更（X座標）"},
 {"id": "ellipse_cy", "title": "楕円の中心を変更（Y座標）"},
 {"id": "ellipse_rx", "title": "楕円の半径を変更（X座標）"},
 {"id": "ellipse_ry", "title": "楕円の半径を変更（Y座標）"},
 {"id": "fill_color", "title": "塗りの色を変更"},
-{"id": "fill_tool_bottom", "textContent": "塗り:"},
 {"id": "fitToContent", "textContent": "コンテンツに合わせる"},
 {"id": "fit_to_all", "textContent": "すべてのコンテンツに合わせる"},
 {"id": "fit_to_canvas", "textContent": "キャンバスに合わせる"},
 {"id": "fit_to_layer_content", "textContent": "レイヤー上のコンテンツに合わせる"},
 {"id": "fit_to_sel", "textContent": "選択対象に合わせる"},
 {"id": "font_family", "title": "フォントファミリーの変更"},
-{"id": "tool_font_size", "title": "文字サイズの変更"},
-{"id": "tool_opacity", "title": "不透明度"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "高さ:"},
 {"id": "image_height", "title": "画像の高さを変更"},
 {"id": "image_opt_embed", "textContent": "SVGファイルに埋め込む"},
 {"id": "image_opt_ref", "textContent": "画像を参照する"},
 {"id": "image_url", "title": "URLを変更"},
 {"id": "image_width", "title": "画像の幅を変更"},
 {"id": "includedImages", "textContent": "挿入された画像の扱い"},
-{"id": "iwidthLabel", "textContent": "幅:"},
 {"id": "largest_object", "textContent": "最大のオブジェクト"},
 {"id": "layer_delete", "title": "レイヤの削除"},
 {"id": "layer_down", "title": "レイヤを下へ移動"},
@@ -45,16 +41,21 @@
 {"id": "line_x2", "title": "終了X座標"},
 {"id": "line_y1", "title": "開始Y座標"},
 {"id": "line_y2", "title": "終了Y座標"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "ページ"},
 {"id": "palette", "title": "クリックで塗りの色を選択、Shift+クリックで線の色を選択"},
 {"id": "path_node_x", "title": "ノードのX座標を変更"},
 {"id": "path_node_y", "title": "ノードのY座標を変更"},
 {"id": "rect_height_tool", "title": "長方形の高さを変更"},
-{"id": "cornerRadiusLabel", "title": "長方形の角の半径を変更"},
 {"id": "rect_width_tool", "title": "長方形の幅を変更"},
 {"id": "relativeToLabel", "textContent": "相対:"},
-{"id": "rheightLabel", "textContent": "高さ："},
-{"id": "rwidthLabel", "textContent": "幅："},
 {"id": "seg_type", "title": "線分の種類を変更"},
 {"id": "selLayerLabel", "textContent": "移動先レイヤ:"},
 {"id": "selLayerNames", "title": "選択対象を別のレイヤに移動"},
@@ -66,7 +67,6 @@
 {"id": "straight_segments", "textContent": "直線"},
 {"id": "stroke_color", "title": "線の色を変更"},
 {"id": "stroke_style", "title": "線種の変更"},
-{"id": "stroke_tool_bottom", "textContent": "線:"},
 {"id": "stroke_width", "title": "線幅の変更"},
 {"id": "svginfo_bg_note", "textContent": "※背景色はファイルに保存されません。"},
 {"id": "svginfo_change_background", "textContent": "エディタの背景色"},
@@ -79,12 +79,16 @@
 {"id": "svginfo_title", "textContent": "タイトル"},
 {"id": "svginfo_width", "textContent": "幅:"},
 {"id": "text", "title": "テキストの内容の変更"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "下揃え"},
 {"id": "tool_aligncenter", "title": "中央揃え"},
 {"id": "tool_alignleft", "title": "左揃え"},
 {"id": "tool_alignmiddle", "title": "中央揃え"},
 {"id": "tool_alignright", "title": "右揃え"},
 {"id": "tool_aligntop", "title": "上揃え"},
+{"id": "tool_angle", "title": "回転角の変更"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "太字"},
 {"id": "tool_circle", "title": "円"},
 {"id": "tool_clear", "textContent": "新規イメージ"},
@@ -96,11 +100,15 @@
 {"id": "tool_docprops_cancel", "textContent": "キャンセル"},
 {"id": "tool_docprops_save", "textContent": "OK"},
 {"id": "tool_ellipse", "title": "楕円"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "フリーハンド楕円"},
 {"id": "tool_fhpath", "title": "鉛筆ツール"},
 {"id": "tool_fhrect", "title": "フリーハンド長方形"},
+{"id": "tool_font_size", "title": "文字サイズの変更"},
 {"id": "tool_group", "title": "グループ化"},
 {"id": "tool_image", "title": "イメージツール"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "イタリック体"},
 {"id": "tool_line", "title": "直線ツール"},
 {"id": "tool_move_bottom", "title": "奥に移動"},
@@ -108,6 +116,7 @@
 {"id": "tool_node_clone", "title": "ノードを複製"},
 {"id": "tool_node_delete", "title": "ノードを削除"},
 {"id": "tool_node_link", "title": "制御点の接続"},
+{"id": "tool_opacity", "title": "不透明度"},
 {"id": "tool_open", "textContent": "イメージを開く"},
 {"id": "tool_path", "title": "パスツール"},
 {"id": "tool_rect", "title": "長方形"},
@@ -125,8 +134,8 @@
 {"id": "tool_ungroup", "title": "グループ化を解除"},
 {"id": "tool_wireframe", "title": "ワイヤーフレームで表示 [F]"},
 {"id": "tool_zoom", "title": "ズームツール"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "ズーム倍率の変更"},
-{"id": "zoomLabel", "textContent": "ズーム:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "ドラッグで幅の調整"},
 {
  "js_strings": {
@@ -135,10 +144,16 @@
   "QmoveElemsToLayer": "選択した要素をレイヤー '%s' に移動しますか？", 
   "QwantToClear": "キャンバスをクリアしますか？\nアンドゥ履歴も消去されます。", 
   "cancel": "キャンセル", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "同名のレイヤーが既に存在します。", 
   "enterNewImgURL": "画像のURLを入力してください。", 
   "enterNewLayerName": "レイヤの新しい名前を入力してください。", 
   "enterUniqueLayerName": "新規レイヤの一意な名前を入力してください。", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "機能はサポートされていません。", 
   "invalidAttrValGiven": "無効な値が指定されています。", 
   "key_backspace": "backspace", 
@@ -147,10 +162,13 @@
   "key_up": "up", 
   "layer": "レイヤ", 
   "layerHasThatName": "既に同名が付いています。", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "合わせる対象のコンテンツがありません。", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "カーブの形状を調整するには、制御点をドラッグしてください。", 
-  "pathNodeTooltip": "移動するには、ノードをドラッグしてください。ノードをダブルクリックすると線分の種類を変更できます。"
+  "pathNodeTooltip": "移動するには、ノードをドラッグしてください。ノードをダブルクリックすると線分の種類を変更できます。", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.ko.js b/public/svg-edit/editor/locale/lang.ko.js
index e92c3923..9c4f322b 100644
--- a/public/svg-edit/editor/locale/lang.ko.js
+++ b/public/svg-edit/editor/locale/lang.ko.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "정렬 상대적으로 ..."},
-{"id": "tool_angle", "title": "회전 각도를 변경"},
-{"id": "angleLabel", "textContent": "각도:"},
 {"id": "bkgnd_color", "title": "배경 색상 변경 / 투명도"},
 {"id": "circle_cx", "title": "변경 동그라미 CX는 좌표"},
 {"id": "circle_cy", "title": "동그라미 싸이 변경 조정할 수있어"},
 {"id": "circle_r", "title": "변경 원의 반지름"},
-{"id": "cornerRadiusLabel", "textContent": "코너 반경 :"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "변경 직사각형 코너 반경"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "CX는 타원의 좌표 변경"},
 {"id": "ellipse_cy", "title": "싸이 타원 변경 조정할 수있어"},
 {"id": "ellipse_rx", "title": "변경 타원의 x 반지름"},
 {"id": "ellipse_ry", "title": "변경 타원의 y를 반경"},
 {"id": "fill_color", "title": "채우기 색상 변경"},
-{"id": "fill_tool_bottom", "textContent": "채우기:"},
 {"id": "fitToContent", "textContent": "맞춤 콘텐츠"},
 {"id": "fit_to_all", "textContent": "맞춤 모든 콘텐츠에"},
 {"id": "fit_to_canvas", "textContent": "맞춤 캔버스"},
 {"id": "fit_to_layer_content", "textContent": "레이어에 맞게 콘텐츠"},
 {"id": "fit_to_sel", "textContent": "맞춤 선택"},
 {"id": "font_family", "title": "글꼴 변경 패밀리"},
-{"id": "tool_font_size", "title": "글꼴 크기 변경"},
-{"id": "tool_opacity", "title": "변경 항목을 선택 불투명도"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "높이:"},
 {"id": "image_height", "title": "이미지 높이 변경"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "URL 변경"},
 {"id": "image_width", "title": "이미지 변경 폭"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "너비:"},
 {"id": "largest_object", "textContent": "큰 개체"},
 {"id": "layer_delete", "title": "레이어 삭제"},
 {"id": "layer_down", "title": "레이어 아래로 이동"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "변경 라인의 X 좌표 결말"},
 {"id": "line_y1", "title": "라인 변경 y를 시작 좌표"},
 {"id": "line_y2", "title": "라인 변경 y를 결말의 좌표"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "페이지"},
 {"id": "palette", "title": "색상을 클릭, 근무 시간 채우기 스트로크 색상을 변경하려면 변경하려면"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "사각형의 높이를 변경"},
-{"id": "cornerRadiusLabel", "title": "변경 직사각형 코너 반경"},
 {"id": "rect_width_tool", "title": "사각형의 너비 변경"},
 {"id": "relativeToLabel", "textContent": "상대:"},
-{"id": "rheightLabel", "textContent": "높이 :"},
-{"id": "rwidthLabel", "textContent": "폭 :"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "뇌졸중으로 색상 변경"},
 {"id": "stroke_style", "title": "뇌졸중 변경 대시 스타일"},
-{"id": "stroke_tool_bottom", "textContent": "치기:"},
 {"id": "stroke_width", "title": "뇌졸중 너비 변경"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "너비:"},
 {"id": "text", "title": "텍스트 변경 내용"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "히프 정렬"},
 {"id": "tool_aligncenter", "title": "정렬 센터"},
 {"id": "tool_alignleft", "title": "왼쪽 정렬"},
 {"id": "tool_alignmiddle", "title": "중간 정렬"},
 {"id": "tool_alignright", "title": "오른쪽 맞춤"},
 {"id": "tool_aligntop", "title": "정렬 탑"},
+{"id": "tool_angle", "title": "회전 각도를 변경"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "굵은 텍스트"},
 {"id": "tool_circle", "title": "동그라미"},
 {"id": "tool_clear", "textContent": "새 이미지"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "취소"},
 {"id": "tool_docprops_save", "textContent": "저장"},
 {"id": "tool_ellipse", "title": "타원"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "자유 핸드 타원"},
 {"id": "tool_fhpath", "title": "연필 도구"},
 {"id": "tool_fhrect", "title": "자유 핸드 직사각형"},
+{"id": "tool_font_size", "title": "글꼴 크기 변경"},
 {"id": "tool_group", "title": "그룹 요소"},
 {"id": "tool_image", "title": "이미지 도구"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "기울임꼴 텍스트"},
 {"id": "tool_line", "title": "선 도구"},
 {"id": "tool_move_bottom", "title": "아래로 이동"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "변경 항목을 선택 불투명도"},
 {"id": "tool_open", "textContent": "오픈 이미지"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "직사각형"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "그룹 해제 요소"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "줌 도구"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "변경 수준으로 확대"},
-{"id": "zoomLabel", "textContent": "축소:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.lt.js b/public/svg-edit/editor/locale/lang.lt.js
index 420dfcc9..629bdd5f 100644
--- a/public/svg-edit/editor/locale/lang.lt.js
+++ b/public/svg-edit/editor/locale/lang.lt.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Derinti palyginti ..."},
-{"id": "tool_angle", "title": "Keisti sukimosi kampas"},
-{"id": "angleLabel", "textContent": "kampas:"},
 {"id": "bkgnd_color", "title": "Pakeisti fono spalvą / drumstumas"},
 {"id": "circle_cx", "title": "Keisti ratas&#39;s CX koordinuoti"},
 {"id": "circle_cy", "title": "Keisti ratas&#39;s CY koordinuoti"},
 {"id": "circle_r", "title": "Keisti savo apskritimo spindulys"},
-{"id": "cornerRadiusLabel", "textContent": "Spindulio kampas:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Keisti stačiakampis skyrelį Spindulys"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Keisti elipse&#39;s CX koordinuoti"},
 {"id": "ellipse_cy", "title": "Keisti elipse&#39;s CY koordinuoti"},
 {"id": "ellipse_rx", "title": "Keisti elipsė &quot;X spindulys"},
 {"id": "ellipse_ry", "title": "Keisti elipse Y spindulys"},
 {"id": "fill_color", "title": "Keisti užpildyti spalvos"},
-{"id": "fill_tool_bottom", "textContent": "pripildyti:"},
 {"id": "fitToContent", "textContent": "Talpinti turinys"},
 {"id": "fit_to_all", "textContent": "Talpinti All content"},
 {"id": "fit_to_canvas", "textContent": "Talpinti drobė"},
 {"id": "fit_to_layer_content", "textContent": "Talpinti sluoksnis turinio"},
 {"id": "fit_to_sel", "textContent": "Talpinti atrankos"},
 {"id": "font_family", "title": "Pakeistišriftą Šeima"},
-{"id": "tool_font_size", "title": "Change font size"},
-{"id": "tool_opacity", "title": "Pakeisti pasirinkto elemento neskaidrumo"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "aukštis:"},
 {"id": "image_height", "title": "Keisti vaizdo aukštis"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Pakeisti URL"},
 {"id": "image_width", "title": "Keisti paveikslėlio plotis"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "plotis:"},
 {"id": "largest_object", "textContent": "didžiausias objektas"},
 {"id": "layer_delete", "title": "Ištrinti Layer"},
 {"id": "layer_down", "title": "Perkelti sluoksnį Žemyn"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Keisti linijos baigėsi x koordinuoti"},
 {"id": "line_y1", "title": "Keisti linijos pradžios y koordinačių"},
 {"id": "line_y2", "title": "Keisti linijos baigėsi y koordinačių"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "puslapis"},
 {"id": "palette", "title": "Spustelėkite norėdami keisti užpildo spalvą, perėjimo spustelėkite pakeisti insultas spalva"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Keisti stačiakampio aukščio"},
-{"id": "cornerRadiusLabel", "title": "Keisti stačiakampis skyrelį Spindulys"},
 {"id": "rect_width_tool", "title": "Pakeisti stačiakampio plotis"},
 {"id": "relativeToLabel", "textContent": "palyginti:"},
-{"id": "rheightLabel", "textContent": "Ūgis:"},
-{"id": "rwidthLabel", "textContent": "Plotis:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Keisti insultas spalva"},
 {"id": "stroke_style", "title": "Keisti insultas brūkšnys stilius"},
-{"id": "stroke_tool_bottom", "textContent": "šiaudas:"},
 {"id": "stroke_width", "title": "Keisti insultas plotis"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Plotis:"},
 {"id": "text", "title": "Keisti teksto turinys"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Lygiuoti apačioje"},
 {"id": "tool_aligncenter", "title": "Lygiuoti"},
 {"id": "tool_alignleft", "title": "Lygiuoti kairėje"},
 {"id": "tool_alignmiddle", "title": "Suderinti Vidurio"},
 {"id": "tool_alignright", "title": "Lygiuoti dešinėje"},
 {"id": "tool_aligntop", "title": "Lygiuoti viršų"},
+{"id": "tool_angle", "title": "Keisti sukimosi kampas"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Pusjuodis"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "New Image"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Atšaukti"},
 {"id": "tool_docprops_save", "textContent": "Saugoti"},
 {"id": "tool_ellipse", "title": "Elipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free Hand Elipsė"},
 {"id": "tool_fhpath", "title": "Pencil Tool"},
 {"id": "tool_fhrect", "title": "Free Hand stačiakampis"},
+{"id": "tool_font_size", "title": "Change font size"},
 {"id": "tool_group", "title": "Elementų grupės"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Kursyvas"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Perkelti į apačią"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Pakeisti pasirinkto elemento neskaidrumo"},
 {"id": "tool_open", "textContent": "Atidaryti atvaizdą"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Stačiakampis"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Išgrupuoti elementai"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Įrankį"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Keisti mastelį"},
-{"id": "zoomLabel", "textContent": "Padidinti:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.lv.js b/public/svg-edit/editor/locale/lang.lv.js
index 59ad344e..0445a6ef 100644
--- a/public/svg-edit/editor/locale/lang.lv.js
+++ b/public/svg-edit/editor/locale/lang.lv.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Līdzināt, salīdzinot ar ..."},
-{"id": "tool_angle", "title": "Mainīt griešanās leņķis"},
-{"id": "angleLabel", "textContent": "leņķis:"},
 {"id": "bkgnd_color", "title": "Change background color / necaurredzamība"},
 {"id": "circle_cx", "title": "Maina aplis&#39;s CX koordinēt"},
 {"id": "circle_cy", "title": "Pārmaiņu loks ir cy koordinēt"},
 {"id": "circle_r", "title": "Pārmaiņu loks ir rādiuss"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Rādiuss:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Maina Taisnstūris Corner Rādiuss"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Mainīt elipses&#39;s CX koordinēt"},
 {"id": "ellipse_cy", "title": "Mainīt elipses&#39;s cy koordinēt"},
 {"id": "ellipse_rx", "title": "Mainīt elipses&#39;s x rādiuss"},
 {"id": "ellipse_ry", "title": "Mainīt elipses&#39;s y rādiuss"},
 {"id": "fill_color", "title": "Change aizpildījuma krāsu"},
-{"id": "fill_tool_bottom", "textContent": "pildīt:"},
 {"id": "fitToContent", "textContent": "Fit to Content"},
 {"id": "fit_to_all", "textContent": "Fit uz visu saturu"},
 {"id": "fit_to_canvas", "textContent": "Ievietot audekls"},
 {"id": "fit_to_layer_content", "textContent": "Ievietot slānis saturs"},
 {"id": "fit_to_sel", "textContent": "Fit atlases"},
 {"id": "font_family", "title": "Mainīt fonta Family"},
-{"id": "tool_font_size", "title": "Mainīt fonta izmēru"},
-{"id": "tool_opacity", "title": "Mainīt izvēlēto objektu necaurredzamība"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "augstums:"},
 {"id": "image_height", "title": "Mainīt attēla augstums"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Change URL"},
 {"id": "image_width", "title": "Mainīt attēla platumu"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "platums:"},
 {"id": "largest_object", "textContent": "lielākais objekts"},
 {"id": "layer_delete", "title": "Dzēst Layer"},
 {"id": "layer_down", "title": "Pārvietot slāni uz leju"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Mainīt līnijas beigu x koordinēt"},
 {"id": "line_y1", "title": "Mainīt līnijas sākas y koordinātu"},
 {"id": "line_y2", "title": "Mainīt līnijas beigu y koordinātu"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "lapa"},
 {"id": "palette", "title": "Noklikšķiniet, lai mainītu aizpildījuma krāsu, shift-click to mainīt stroke krāsa"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Change Taisnstūra augstums"},
-{"id": "cornerRadiusLabel", "title": "Maina Taisnstūris Corner Rādiuss"},
 {"id": "rect_width_tool", "title": "Change taisnstūra platums"},
 {"id": "relativeToLabel", "textContent": "salīdzinājumā ar:"},
-{"id": "rheightLabel", "textContent": "augstums:"},
-{"id": "rwidthLabel", "textContent": "platums:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Change stroke krāsa"},
 {"id": "stroke_style", "title": "Maina stroke domuzīme stils"},
-{"id": "stroke_tool_bottom", "textContent": "vēziens:"},
 {"id": "stroke_width", "title": "Change stroke platums"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Platums:"},
 {"id": "text", "title": "Mainītu teksta saturs"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Līdzināt Bottom"},
 {"id": "tool_aligncenter", "title": "Līdzināt uz centru"},
 {"id": "tool_alignleft", "title": "Līdzināt pa kreisi"},
 {"id": "tool_alignmiddle", "title": "Līdzināt Middle"},
 {"id": "tool_alignright", "title": "Līdzināt pa labi"},
 {"id": "tool_aligntop", "title": "Līdzināt Top"},
+{"id": "tool_angle", "title": "Mainīt griešanās leņķis"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Bold Text"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "New Image"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Atcelt"},
 {"id": "tool_docprops_save", "textContent": "Glābt"},
 {"id": "tool_ellipse", "title": "Elipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Pencil Tool"},
 {"id": "tool_fhrect", "title": "Free-Hand Taisnstūris"},
+{"id": "tool_font_size", "title": "Mainīt fonta izmēru"},
 {"id": "tool_group", "title": "Grupa Elements"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Kursīvs"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Pārvietot uz leju"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Mainīt izvēlēto objektu necaurredzamība"},
 {"id": "tool_open", "textContent": "Open Image"},
 {"id": "tool_path", "title": "Path"},
 {"id": "tool_rect", "title": "Taisnstūris"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Atgrupēt Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Pārmaiņu mērogu"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.mk.js b/public/svg-edit/editor/locale/lang.mk.js
index 530417a2..3a8d6665 100644
--- a/public/svg-edit/editor/locale/lang.mk.js
+++ b/public/svg-edit/editor/locale/lang.mk.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Порамни во поглед на ..."},
-{"id": "tool_angle", "title": "Change ротација агол"},
-{"id": "angleLabel", "textContent": "агол:"},
 {"id": "bkgnd_color", "title": "Смени позадина / непроѕирноста"},
 {"id": "circle_cx", "title": "Промена круг на cx координира"},
 {"id": "circle_cy", "title": "Промена круг&#39;s cy координираат"},
 {"id": "circle_r", "title": "Промена на круг со радиус"},
-{"id": "cornerRadiusLabel", "textContent": "Агол Радиус:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Промена правоаголник Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Промена елипса&#39;s cx координираат"},
 {"id": "ellipse_cy", "title": "Промена на елипса cy координира"},
 {"id": "ellipse_rx", "title": "Промена на елипса x радиус"},
 {"id": "ellipse_ry", "title": "Промена на елипса у радиус"},
 {"id": "fill_color", "title": "Измени пополнете боја"},
-{"id": "fill_tool_bottom", "textContent": "пополнува:"},
 {"id": "fitToContent", "textContent": "Способен да Содржина"},
 {"id": "fit_to_all", "textContent": "Способен да сите содржина"},
 {"id": "fit_to_canvas", "textContent": "Побиране да платно"},
 {"id": "fit_to_layer_content", "textContent": "Способен да слој содржина"},
 {"id": "fit_to_sel", "textContent": "Способен да селекција"},
 {"id": "font_family", "title": "Смени фонт Фамилија"},
-{"id": "tool_font_size", "title": "Изменифонт Големина"},
-{"id": "tool_opacity", "title": "Промена избрани ставка непроѕирноста"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "висина:"},
 {"id": "image_height", "title": "Промена на слика височина"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Промена URL"},
 {"id": "image_width", "title": "Промена Ширина на сликата"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "ширина:"},
 {"id": "largest_object", "textContent": "најголемиот објект"},
 {"id": "layer_delete", "title": "Избриши Слој"},
 {"id": "layer_down", "title": "Премести слој долу"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Промена линија завршува x координира"},
 {"id": "line_y1", "title": "Промена линија координираат почетна y"},
 {"id": "line_y2", "title": "Промена линија завршува y координира"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "страница"},
 {"id": "palette", "title": "Кликни за да внесете промени бојата, промена клик да се промени бојата удар"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Промена правоаголник височина"},
-{"id": "cornerRadiusLabel", "title": "Промена правоаголник Corner Radius"},
 {"id": "rect_width_tool", "title": "Промена правоаголник Ширина"},
 {"id": "relativeToLabel", "textContent": "во поглед на:"},
-{"id": "rheightLabel", "textContent": "висина:"},
-{"id": "rwidthLabel", "textContent": "Ширина:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Промена боја на мозочен удар"},
 {"id": "stroke_style", "title": "Промена удар цртичка стил"},
-{"id": "stroke_tool_bottom", "textContent": "удар:"},
 {"id": "stroke_width", "title": "Промена удар Ширина"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Ширина:"},
 {"id": "text", "title": "Промена текст содржина"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Align Bottom"},
 {"id": "tool_aligncenter", "title": "Центрирано"},
 {"id": "tool_alignleft", "title": "Порамни лево Порамни"},
 {"id": "tool_alignmiddle", "title": "Израмни Среден"},
 {"id": "tool_alignright", "title": "Порамни десно"},
 {"id": "tool_aligntop", "title": "Израмни почетокот"},
+{"id": "tool_angle", "title": "Change ротација агол"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Задебелен текст"},
 {"id": "tool_circle", "title": "Круг"},
 {"id": "tool_clear", "textContent": "Нови слики"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Откажи"},
 {"id": "tool_docprops_save", "textContent": "Зачувува"},
 {"id": "tool_ellipse", "title": "Елипса"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Елипса"},
 {"id": "tool_fhpath", "title": "Алатка за молив"},
 {"id": "tool_fhrect", "title": "Правоаголник слободна рака"},
+{"id": "tool_font_size", "title": "Изменифонт Големина"},
 {"id": "tool_group", "title": "Група на елементи"},
 {"id": "tool_image", "title": "Алатка за сликата"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Italic текст"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Move to bottom"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Промена избрани ставка непроѕирноста"},
 {"id": "tool_open", "textContent": "Отвори слика"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Правоаголник"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Ungroup Елементи"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Алатка за зумирање"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Промена зум ниво"},
-{"id": "zoomLabel", "textContent": "зум:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.ms.js b/public/svg-edit/editor/locale/lang.ms.js
index 90ae19fc..2df3218f 100644
--- a/public/svg-edit/editor/locale/lang.ms.js
+++ b/public/svg-edit/editor/locale/lang.ms.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Rata relatif ..."},
-{"id": "tool_angle", "title": "Namakan sudut putaran"},
-{"id": "angleLabel", "textContent": "sudut:"},
 {"id": "bkgnd_color", "title": "Mengubah warna latar belakang / keburaman"},
 {"id": "circle_cx", "title": "Mengubah koordinat bulatan cx"},
 {"id": "circle_cy", "title": "Mengubah koordinat cy bulatan"},
 {"id": "circle_r", "title": "Tukar jari-jari lingkaran"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Tukar Corner Rectangle Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Tukar elips&#39;s cx koordinat"},
 {"id": "ellipse_cy", "title": "Tukar elips&#39;s cy koordinat"},
 {"id": "ellipse_rx", "title": "Tukar elips&#39;s x jari-jari"},
 {"id": "ellipse_ry", "title": "Tukar elips&#39;s y jari-jari"},
 {"id": "fill_color", "title": "Tukar Warna mengisi"},
-{"id": "fill_tool_bottom", "textContent": "mengisi:"},
 {"id": "fitToContent", "textContent": "Fit to Content"},
 {"id": "fit_to_all", "textContent": "Cocok untuk semua kandungan"},
 {"id": "fit_to_canvas", "textContent": "Muat kanvas"},
 {"id": "fit_to_layer_content", "textContent": "Muat kandungan lapisan"},
 {"id": "fit_to_sel", "textContent": "Fit seleksi"},
 {"id": "font_family", "title": "Tukar Font Keluarga"},
-{"id": "tool_font_size", "title": "Ubah Saiz Font"},
-{"id": "tool_opacity", "title": "Mengubah item yang dipilih keburaman"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "ketinggian:"},
 {"id": "image_height", "title": "Tinggi gambar Kaca"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Tukar URL"},
 {"id": "image_width", "title": "Tukar Lebar imej"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "lebar:"},
 {"id": "largest_object", "textContent": "objek terbesar"},
 {"id": "layer_delete", "title": "Padam Layer"},
 {"id": "layer_down", "title": "Pindah Layer Bawah"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Ubah baris&#39;s Berakhir x koordinat"},
 {"id": "line_y1", "title": "Ubah baris mulai y koordinat"},
 {"id": "line_y2", "title": "Ubah baris di tiap akhir y koordinat"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "Laman"},
 {"id": "palette", "title": "Klik untuk menukar warna mengisi, shift-klik untuk menukar warna stroke"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Perubahan quality persegi panjang"},
-{"id": "cornerRadiusLabel", "title": "Tukar Corner Rectangle Radius"},
 {"id": "rect_width_tool", "title": "Tukar persegi panjang lebar"},
 {"id": "relativeToLabel", "textContent": "relatif:"},
-{"id": "rheightLabel", "textContent": "height:"},
-{"id": "rwidthLabel", "textContent": "width:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Tukar Warna stroke"},
 {"id": "stroke_style", "title": "Tukar gaya dash stroke"},
-{"id": "stroke_tool_bottom", "textContent": "langkah:"},
 {"id": "stroke_width", "title": "Tukar stroke width"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Lebar:"},
 {"id": "text", "title": "Tukar isi teks"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Rata Bottom"},
 {"id": "tool_aligncenter", "title": "Rata Tengah"},
 {"id": "tool_alignleft", "title": "Rata Kiri"},
 {"id": "tool_alignmiddle", "title": "Rata Tengah"},
 {"id": "tool_alignright", "title": "Rata Kanan"},
 {"id": "tool_aligntop", "title": "Rata Popular"},
+{"id": "tool_angle", "title": "Namakan sudut putaran"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Bold Teks"},
 {"id": "tool_circle", "title": "Lingkaran"},
 {"id": "tool_clear", "textContent": "Imej Baru"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Batal"},
 {"id": "tool_docprops_save", "textContent": "Simpan"},
 {"id": "tool_ellipse", "title": "Ellipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Pencil Tool"},
 {"id": "tool_fhrect", "title": "Free-Hand Persegi Panjang"},
+{"id": "tool_font_size", "title": "Ubah Saiz Font"},
 {"id": "tool_group", "title": "Kelompok Elemen"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Italic Teks"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Pindah ke Bawah"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Mengubah item yang dipilih keburaman"},
 {"id": "tool_open", "textContent": "Membuka Image"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Rectangle"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Ungroup Elemen"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Mengubah peringkat pembesaran"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.mt.js b/public/svg-edit/editor/locale/lang.mt.js
index 6e9fee5b..29f0ed51 100644
--- a/public/svg-edit/editor/locale/lang.mt.js
+++ b/public/svg-edit/editor/locale/lang.mt.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Jallinjaw relattiv għall - ..."},
-{"id": "tool_angle", "title": "Angolu ta &#39;rotazzjoni Bidla"},
-{"id": "angleLabel", "textContent": "angolu:"},
 {"id": "bkgnd_color", "title": "Bidla fil-kulur fl-isfond / opaċità"},
 {"id": "circle_cx", "title": "CX ċirku Tibdil jikkoordinaw"},
 {"id": "circle_cy", "title": "Ċirku Tibdil cy jikkoordinaw"},
 {"id": "circle_r", "title": "Raġġ ta &#39;ċirku tal-Bidla"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Bidla Rectangle Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Bidla ellissi&#39;s CX jikkoordinaw"},
 {"id": "ellipse_cy", "title": "Ellissi Tibdil cy jikkoordinaw"},
 {"id": "ellipse_rx", "title": "Raġġ x ellissi Tibdil"},
 {"id": "ellipse_ry", "title": "Raġġ y ellissi Tibdil"},
 {"id": "fill_color", "title": "Bidla imla color"},
-{"id": "fill_tool_bottom", "textContent": "imla:"},
 {"id": "fitToContent", "textContent": "Fit għall-kontenut"},
 {"id": "fit_to_all", "textContent": "Tajbin għall-kontenut"},
 {"id": "fit_to_canvas", "textContent": "Xieraq li kanvas"},
 {"id": "fit_to_layer_content", "textContent": "Fit-kontenut ta &#39;saff għal"},
 {"id": "fit_to_sel", "textContent": "Fit-għażla"},
 {"id": "font_family", "title": "Bidla Font Familja"},
-{"id": "tool_font_size", "title": "Change font size"},
-{"id": "tool_opacity", "title": "Bidla magħżula opaċità partita"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "għoli:"},
 {"id": "image_height", "title": "Għoli image Bidla"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Bidla URL"},
 {"id": "image_width", "title": "Wisa image Bidla"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "wisa &#39;:"},
 {"id": "largest_object", "textContent": "akbar oġġett"},
 {"id": "layer_delete", "title": "Ħassar Layer"},
 {"id": "layer_down", "title": "Move Layer Down"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Linja tal-Bidla li jispiċċa x jikkoordinaw"},
 {"id": "line_y1", "title": "Bidla fil-linja tal-bidu y jikkoordinaw"},
 {"id": "line_y2", "title": "Linja Tibdil jispiċċa y jikkoordinaw"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "paġna"},
 {"id": "palette", "title": "Ikklikkja biex timla l-bidla fil-kulur, ikklikkja-bidla għall-bidla color stroke"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Għoli rettangolu Bidla"},
-{"id": "cornerRadiusLabel", "title": "Bidla Rectangle Corner Radius"},
 {"id": "rect_width_tool", "title": "Wisa &#39;rettangolu Bidla"},
 {"id": "relativeToLabel", "textContent": "relattiv għall -:"},
-{"id": "rheightLabel", "textContent": "għoli:"},
-{"id": "rwidthLabel", "textContent": "wisa &#39;:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Color stroke Bidla"},
 {"id": "stroke_style", "title": "Bidla stroke dash stil"},
-{"id": "stroke_tool_bottom", "textContent": "żegħila:"},
 {"id": "stroke_width", "title": "Wisa &#39;puplesija Bidla"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Wisa &#39;:"},
 {"id": "text", "title": "Test kontenut Bidla"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Tallinja Bottom"},
 {"id": "tool_aligncenter", "title": "Tallinja Center"},
 {"id": "tool_alignleft", "title": "Tallinja Left"},
 {"id": "tool_alignmiddle", "title": "Tallinja Nofsani"},
 {"id": "tool_alignright", "title": "Tallinja Dritt"},
 {"id": "tool_aligntop", "title": "Tallinja Top"},
+{"id": "tool_angle", "title": "Angolu ta &#39;rotazzjoni Bidla"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Bold Test"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "Image New"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Ikkanċella"},
 {"id": "tool_docprops_save", "textContent": "Save"},
 {"id": "tool_ellipse", "title": "Ellissi"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free Hand-ellissi"},
 {"id": "tool_fhpath", "title": "Lapes Tool"},
 {"id": "tool_fhrect", "title": "Free Hand-Rectangle"},
+{"id": "tool_font_size", "title": "Change font size"},
 {"id": "tool_group", "title": "Grupp Elements"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Test korsiv"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Move to Bottom"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Bidla magħżula opaċità partita"},
 {"id": "tool_open", "textContent": "Open Image"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Rettangolu"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Ungroup Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Bidla zoom livell"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.nl.js b/public/svg-edit/editor/locale/lang.nl.js
index 651d3f7b..04d11064 100644
--- a/public/svg-edit/editor/locale/lang.nl.js
+++ b/public/svg-edit/editor/locale/lang.nl.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Uitlijnen relatief ten opzichte van ..."},
-{"id": "tool_angle", "title": "Draai"},
-{"id": "angleLabel", "textContent": "Hoek:"},
 {"id": "bkgnd_color", "title": "Verander achtergrond kleur/doorzichtigheid"},
 {"id": "circle_cx", "title": "Verander het X coordinaat van het cirkel middelpunt"},
 {"id": "circle_cy", "title": "Verander het Y coordinaat van het cirkel middelpunt"},
 {"id": "circle_r", "title": "Verander de cirkel radius"},
-{"id": "cornerRadiusLabel", "textContent": "Hoek radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Verander hoekradius rechthoek"},
 {"id": "curve_segments", "textContent": "Gebogen"},
 {"id": "ellipse_cx", "title": "Verander het X coordinaat van het ellips middelpunt"},
 {"id": "ellipse_cy", "title": "Verander het Y coordinaat van het ellips middelpunt"},
 {"id": "ellipse_rx", "title": "Verander ellips X radius"},
 {"id": "ellipse_ry", "title": "Verander ellips Y radius"},
 {"id": "fill_color", "title": "Verander vul kleur"},
-{"id": "fill_tool_bottom", "textContent": "Vulkleur:"},
 {"id": "fitToContent", "textContent": "Pas om inhoud"},
 {"id": "fit_to_all", "textContent": "Pas om alle inhoud"},
 {"id": "fit_to_canvas", "textContent": "Pas om canvas"},
 {"id": "fit_to_layer_content", "textContent": "Pas om laag inhoud"},
 {"id": "fit_to_sel", "textContent": "Pas om selectie"},
 {"id": "font_family", "title": "Verander lettertype"},
-{"id": "tool_font_size", "title": "Verander lettertype grootte"},
-{"id": "tool_opacity", "title": "Verander opaciteit geselecteerde item"},
 {"id": "icon_large", "textContent": "Groot"},
 {"id": "icon_medium", "textContent": "Gemiddeld"},
 {"id": "icon_small", "textContent": "Klein"},
 {"id": "icon_xlarge", "textContent": "Extra groot"},
-{"id": "iheightLabel", "textContent": "Hoogte:"},
 {"id": "image_height", "title": "Verander hoogte afbeelding"},
 {"id": "image_opt_embed", "textContent": "Toevoegen data (lokale bestanden)"},
 {"id": "image_opt_ref", "textContent": "Gebruik bestand referentie"},
 {"id": "image_url", "title": "Verander URL"},
 {"id": "image_width", "title": "Verander breedte afbeelding"},
 {"id": "includedImages", "textContent": "Ingesloten afbeeldingen"},
-{"id": "iwidthLabel", "textContent": "Breedte:"},
 {"id": "largest_object", "textContent": "Grootste object"},
 {"id": "layer_delete", "title": "Delete laag"},
 {"id": "layer_down", "title": "Beweeg laag omlaag"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Verander eind X coordinaat van de lijn"},
 {"id": "line_y1", "title": "Verander start Y coordinaat van de lijn"},
 {"id": "line_y2", "title": "Verander eind Y coordinaat van de lijn"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "Pagina"},
 {"id": "palette", "title": "Klik om de vul kleur te veranderen, shift-klik om de lijn kleur te veranderen"},
 {"id": "path_node_x", "title": "Verander X coordinaat knooppunt"},
 {"id": "path_node_y", "title": "Verander Y coordinaat knooppunt"},
 {"id": "rect_height_tool", "title": "Verander hoogte rechthoek"},
-{"id": "cornerRadiusLabel", "title": "Verander hoekradius rechthoek"},
 {"id": "rect_width_tool", "title": "Verander breedte rechthoek"},
 {"id": "relativeToLabel", "textContent": "Relatief ten opzichte van:"},
-{"id": "rheightLabel", "textContent": "Hoogte:"},
-{"id": "rwidthLabel", "textContent": "Breedte:"},
 {"id": "seg_type", "title": "Verander segment type"},
 {"id": "selLayerLabel", "textContent": "Verplaats elementen naar:"},
 {"id": "selLayerNames", "title": "Verplaats geselecteerde elementen naar andere laag"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Recht"},
 {"id": "stroke_color", "title": "Verander lijn kleur"},
 {"id": "stroke_style", "title": "Verander lijn stijl"},
-{"id": "stroke_tool_bottom", "textContent": "Omlijning:"},
 {"id": "stroke_width", "title": "Verander lijn breedte"},
 {"id": "svginfo_bg_note", "textContent": "Let op: De achtergrond wordt niet opgeslagen met de afbeelding."},
 {"id": "svginfo_change_background", "textContent": "Editor achtergrond"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Titel"},
 {"id": "svginfo_width", "textContent": "Breedte:"},
 {"id": "text", "title": "Wijzig tekst"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Onder uitlijnen"},
 {"id": "tool_aligncenter", "title": "Centreren"},
 {"id": "tool_alignleft", "title": "Links uitlijnen"},
 {"id": "tool_alignmiddle", "title": "Midden uitlijnen"},
 {"id": "tool_alignright", "title": "Rechts uitlijnen"},
 {"id": "tool_aligntop", "title": "Boven uitlijnen"},
+{"id": "tool_angle", "title": "Draai"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Vet"},
 {"id": "tool_circle", "title": "Cirkel"},
 {"id": "tool_clear", "textContent": "Nieuwe afbeelding"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Annuleren"},
 {"id": "tool_docprops_save", "textContent": "Ok"},
 {"id": "tool_ellipse", "title": "Ellips"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Vrije stijl ellips"},
 {"id": "tool_fhpath", "title": "Potlood"},
 {"id": "tool_fhrect", "title": "Vrije stijl rechthoek"},
+{"id": "tool_font_size", "title": "Verander lettertype grootte"},
 {"id": "tool_group", "title": "Groepeer elementen"},
 {"id": "tool_image", "title": "Afbeelding"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Cursief"},
 {"id": "tool_line", "title": "Lijn"},
 {"id": "tool_move_bottom", "title": "Naar achtergrond"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Kloon knooppunt"},
 {"id": "tool_node_delete", "title": "Delete knooppunt"},
 {"id": "tool_node_link", "title": "Koppel controle punten"},
+{"id": "tool_opacity", "title": "Verander opaciteit geselecteerde item"},
 {"id": "tool_open", "textContent": "Open afbeelding"},
 {"id": "tool_path", "title": "Pad"},
 {"id": "tool_rect", "title": "Rechthoek"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Groepering opheffen"},
 {"id": "tool_wireframe", "title": "Draadmodel"},
 {"id": "tool_zoom", "title": "Zoom"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "In-/uitzoomen"},
-{"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a g e n", "title": "Sleep naar links/rechts om het zijpaneel te vergroten/verkleinen"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Verplaats geselecteerde elementen naar laag '%s'?", 
   "QwantToClear": "Wil je de afbeelding leeg maken?\nDit zal ook de ongedaan maak geschiedenis wissen!", 
   "cancel": "Annuleren", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "Er is al een laag met die naam!", 
   "enterNewImgURL": "Geef de nieuwe afbeelding URL", 
   "enterNewLayerName": "Geef een nieuwe laag naam", 
   "enterUniqueLayerName": "Geef een unieke laag naam", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Functie wordt niet ondersteund", 
   "invalidAttrValGiven": "Verkeerde waarde gegeven", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "omhoog", 
   "layer": "Laag", 
   "layerHasThatName": "Laag heeft al die naam", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "Geen inhoud om omheen te passen", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "Ok", 
   "pathCtrlPtTooltip": "Versleep het controle punt om de boog eigenschappen te veranderen", 
-  "pathNodeTooltip": "Versleep knooppunt om hem te verslepen. Dubbel klik knooppunt om het segment type te veranderen"
+  "pathNodeTooltip": "Versleep knooppunt om hem te verslepen. Dubbel klik knooppunt om het segment type te veranderen", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.no.js b/public/svg-edit/editor/locale/lang.no.js
index e1a5f6dc..3aed595d 100644
--- a/public/svg-edit/editor/locale/lang.no.js
+++ b/public/svg-edit/editor/locale/lang.no.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Juster i forhold til ..."},
-{"id": "tool_angle", "title": "Endre rotasjonsvinkelen"},
-{"id": "angleLabel", "textContent": "vinkel:"},
 {"id": "bkgnd_color", "title": "Endre bakgrunnsfarge / opacity"},
 {"id": "circle_cx", "title": "Endre sirkelens CX koordinatsystem"},
 {"id": "circle_cy", "title": "Endre sirkelens koordinere cy"},
 {"id": "circle_r", "title": "Endre sirkelens radius"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Endre rektangel Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Endre ellipse&#39;s CX koordinatsystem"},
 {"id": "ellipse_cy", "title": "Endre ellipse&#39;s koordinere cy"},
 {"id": "ellipse_rx", "title": "Endre ellipse&#39;s x radius"},
 {"id": "ellipse_ry", "title": "Endre ellipse&#39;s y radius"},
 {"id": "fill_color", "title": "Endre fyllfarge"},
-{"id": "fill_tool_bottom", "textContent": "fylle:"},
 {"id": "fitToContent", "textContent": "Fit to Content"},
 {"id": "fit_to_all", "textContent": "Passer til alt innhold"},
 {"id": "fit_to_canvas", "textContent": "Tilpass til lerret"},
 {"id": "fit_to_layer_content", "textContent": "Fit to lag innhold"},
 {"id": "fit_to_sel", "textContent": "Tilpass til valg"},
 {"id": "font_family", "title": "Change Font Family"},
-{"id": "tool_font_size", "title": "Endre skriftstørrelse"},
-{"id": "tool_opacity", "title": "Endre valgte elementet opasitet"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "høyde:"},
 {"id": "image_height", "title": "Endre bilde høyde"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Endre URL"},
 {"id": "image_width", "title": "Endre bilde bredde"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "bredde:"},
 {"id": "largest_object", "textContent": "største objekt"},
 {"id": "layer_delete", "title": "Slett laget"},
 {"id": "layer_down", "title": "Flytt laget ned"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Endre linje&#39;s ending x koordinat"},
 {"id": "line_y1", "title": "Endre linje begynner y koordinat"},
 {"id": "line_y2", "title": "Endre linje&#39;s ending y koordinat"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "side"},
 {"id": "palette", "title": "Click å endre fyllfarge, shift-klikke for å endre slag farge"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Endre rektangel høyde"},
-{"id": "cornerRadiusLabel", "title": "Endre rektangel Corner Radius"},
 {"id": "rect_width_tool", "title": "Endre rektangel bredde"},
 {"id": "relativeToLabel", "textContent": "i forhold til:"},
-{"id": "rheightLabel", "textContent": "høyde:"},
-{"id": "rwidthLabel", "textContent": "Bredde:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Endre stroke color"},
 {"id": "stroke_style", "title": "Endre stroke dash stil"},
-{"id": "stroke_tool_bottom", "textContent": "slag:"},
 {"id": "stroke_width", "title": "Endre stroke width"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Bredde:"},
 {"id": "text", "title": "Endre tekst innholdet"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Align Bottom"},
 {"id": "tool_aligncenter", "title": "Midtstill"},
 {"id": "tool_alignleft", "title": "Venstrejuster"},
 {"id": "tool_alignmiddle", "title": "Rett Middle"},
 {"id": "tool_alignright", "title": "Høyrejuster"},
 {"id": "tool_aligntop", "title": "Align Top"},
+{"id": "tool_angle", "title": "Endre rotasjonsvinkelen"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Fet tekst"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "New Image"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Avbryt"},
 {"id": "tool_docprops_save", "textContent": "Lagre"},
 {"id": "tool_ellipse", "title": "Ellipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Pencil Tool"},
 {"id": "tool_fhrect", "title": "Free-Hand rektangel"},
+{"id": "tool_font_size", "title": "Endre skriftstørrelse"},
 {"id": "tool_group", "title": "Gruppe Elements"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Kursiv tekst"},
 {"id": "tool_line", "title": "Linjeverktøy"},
 {"id": "tool_move_bottom", "title": "Move to Bottom"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Endre valgte elementet opasitet"},
 {"id": "tool_open", "textContent": "Åpne Image"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Rektangel"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Dele opp Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Endre zoomnivå"},
-{"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.pl.js b/public/svg-edit/editor/locale/lang.pl.js
index 9f141883..88a19ce7 100644
--- a/public/svg-edit/editor/locale/lang.pl.js
+++ b/public/svg-edit/editor/locale/lang.pl.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Dostosowanie w stosunku do ..."},
-{"id": "tool_angle", "title": "Zmiana kąta obrotu"},
-{"id": "angleLabel", "textContent": "kąt:"},
 {"id": "bkgnd_color", "title": "Zmień kolor tła / opacity"},
 {"id": "circle_cx", "title": "Zmiana koła CX koordynacji"},
 {"id": "circle_cy", "title": "Koła Zmian cy koordynacji"},
 {"id": "circle_r", "title": "Zmiana koła promienia"},
-{"id": "cornerRadiusLabel", "textContent": "Promień Corner:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Zmiana prostokąt Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Zmiana elipsy CX koordynacji"},
 {"id": "ellipse_cy", "title": "Elipsy Zmian cy koordynacji"},
 {"id": "ellipse_rx", "title": "Elipsy Zmian x promieniu"},
 {"id": "ellipse_ry", "title": "Elipsy Zmian y promieniu"},
 {"id": "fill_color", "title": "Zmiana koloru wypełnienia"},
-{"id": "fill_tool_bottom", "textContent": "wypełnić:"},
 {"id": "fitToContent", "textContent": "Dopasuj do treści"},
 {"id": "fit_to_all", "textContent": "Dopasuj do wszystkich treści"},
 {"id": "fit_to_canvas", "textContent": "Dopasuj do płótnie"},
 {"id": "fit_to_layer_content", "textContent": "Dopasuj do zawartości warstwy"},
 {"id": "fit_to_sel", "textContent": "Dopasuj do wyboru"},
 {"id": "font_family", "title": "Zmiana czcionki Rodzina"},
-{"id": "tool_font_size", "title": "Zmień rozmiar czcionki"},
-{"id": "tool_opacity", "title": "Zmiana stron przezroczystość elementu"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "wysokość:"},
 {"id": "image_height", "title": "Wysokość obrazu zmian"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Zmień adres URL"},
 {"id": "image_width", "title": "Zmiana image width"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "szerokość:"},
 {"id": "largest_object", "textContent": "największego obiektu"},
 {"id": "layer_delete", "title": "Usuwanie warstwy"},
 {"id": "layer_down", "title": "Przesuń warstwę w dół"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Zgodnie Zmian kończące współrzędna x"},
 {"id": "line_y1", "title": "Line y Zmian od współrzędnych"},
 {"id": "line_y2", "title": "Zgodnie Zmian kończące y koordynowanie"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "strona"},
 {"id": "palette", "title": "Kliknij, aby zmienić kolor wypełnienia, shift kliknij, aby zmienić kolor skok"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Zmiana wysokości prostokąta"},
-{"id": "cornerRadiusLabel", "title": "Zmiana prostokąt Corner Radius"},
 {"id": "rect_width_tool", "title": "Szerokość prostokąta Zmień"},
 {"id": "relativeToLabel", "textContent": "w stosunku do:"},
-{"id": "rheightLabel", "textContent": "Wysokość:"},
-{"id": "rwidthLabel", "textContent": "szerokość:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Zmień kolor skok"},
 {"id": "stroke_style", "title": "Zmień styl skoku kreska"},
-{"id": "stroke_tool_bottom", "textContent": "udar:"},
 {"id": "stroke_width", "title": "Szerokość skoku Zmień"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Szerokość:"},
 {"id": "text", "title": "Zmiana treści tekstu"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Wyrównaj do dołu"},
 {"id": "tool_aligncenter", "title": "Wyśrodkuj"},
 {"id": "tool_alignleft", "title": "Wyrównaj do lewej"},
 {"id": "tool_alignmiddle", "title": "Align Middle"},
 {"id": "tool_alignright", "title": "Wyrównaj do prawej"},
 {"id": "tool_aligntop", "title": "Wyrównaj do góry"},
+{"id": "tool_angle", "title": "Zmiana kąta obrotu"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Bold Text"},
 {"id": "tool_circle", "title": "Koło"},
 {"id": "tool_clear", "textContent": "New Image"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Anuluj"},
 {"id": "tool_docprops_save", "textContent": "Zapisać"},
 {"id": "tool_ellipse", "title": "Elipsa"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Wolny-Hand Elipsa"},
 {"id": "tool_fhpath", "title": "Pencil Tool"},
 {"id": "tool_fhrect", "title": "Wolnej ręki prostokąt"},
+{"id": "tool_font_size", "title": "Zmień rozmiar czcionki"},
 {"id": "tool_group", "title": "Elementy Grupa"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Kursywa"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Przenieś do dołu"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Zmiana stron przezroczystość elementu"},
 {"id": "tool_open", "textContent": "Otwórz obraz"},
 {"id": "tool_path", "title": "Poli Tool"},
 {"id": "tool_rect", "title": "Prostokąt"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Elementy Rozgrupuj"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Zmiana poziomu powiększenia"},
-{"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.pt-PT.js b/public/svg-edit/editor/locale/lang.pt-PT.js
index 415c5424..7ac35fd4 100644
--- a/public/svg-edit/editor/locale/lang.pt-PT.js
+++ b/public/svg-edit/editor/locale/lang.pt-PT.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Alinhar em relação a ..."},
-{"id": "tool_angle", "title": "Alterar o ângulo de rotação"},
-{"id": "angleLabel", "textContent": "ângulo:"},
 {"id": "bkgnd_color", "title": "Mudar a cor de fundo / opacidade"},
 {"id": "circle_cx", "title": "Cx Mudar círculo de coordenadas"},
 {"id": "circle_cy", "title": "Círculo Mudança cy coordenar"},
 {"id": "circle_r", "title": "Alterar círculo de raio"},
-{"id": "cornerRadiusLabel", "textContent": "Raio Corner:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Alterar Corner Rectangle Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Alterar elipse cx coordenar"},
 {"id": "ellipse_cy", "title": "Elipse Mudança cy coordenar"},
 {"id": "ellipse_rx", "title": "Raio X Change elipse"},
 {"id": "ellipse_ry", "title": "Raio y Change elipse"},
 {"id": "fill_color", "title": "Alterar a cor de preenchimento"},
-{"id": "fill_tool_bottom", "textContent": "encher:"},
 {"id": "fitToContent", "textContent": "Ajustar ao conteúdo"},
 {"id": "fit_to_all", "textContent": "Ajustar a todo o conteúdo"},
 {"id": "fit_to_canvas", "textContent": "Ajustar à tela"},
 {"id": "fit_to_layer_content", "textContent": "Ajustar o conteúdo da camada de"},
 {"id": "fit_to_sel", "textContent": "Ajustar à selecção"},
 {"id": "font_family", "title": "Alterar fonte Família"},
-{"id": "tool_font_size", "title": "Alterar tamanho de letra"},
-{"id": "tool_opacity", "title": "Mude a opacidade item selecionado"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "altura:"},
 {"id": "image_height", "title": "Alterar altura da imagem"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Alterar URL"},
 {"id": "image_width", "title": "Alterar a largura da imagem"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "largura:"},
 {"id": "largest_object", "textContent": "maior objeto"},
 {"id": "layer_delete", "title": "Delete Layer"},
 {"id": "layer_down", "title": "Move camada para baixo"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Altere a linha está terminando coordenada x"},
 {"id": "line_y1", "title": "Mudança na linha de partida coordenada y"},
 {"id": "line_y2", "title": "Mudança de linha está terminando coordenada y"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "Página"},
 {"id": "palette", "title": "Clique para mudar a cor de preenchimento, shift-clique para mudar a cor do curso"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Alterar altura do retângulo"},
-{"id": "cornerRadiusLabel", "title": "Alterar Corner Rectangle Radius"},
 {"id": "rect_width_tool", "title": "Alterar a largura retângulo"},
 {"id": "relativeToLabel", "textContent": "em relação ao:"},
-{"id": "rheightLabel", "textContent": "height:"},
-{"id": "rwidthLabel", "textContent": "width:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Mudar a cor do curso"},
 {"id": "stroke_style", "title": "Alterar o estilo do traço do curso"},
-{"id": "stroke_tool_bottom", "textContent": "golpe:"},
 {"id": "stroke_width", "title": "Alterar a largura do curso"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Largura:"},
 {"id": "text", "title": "Alterar o conteúdo de texto"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Align Bottom"},
 {"id": "tool_aligncenter", "title": "Alinhar ao centro"},
 {"id": "tool_alignleft", "title": "Alinhar à Esquerda"},
 {"id": "tool_alignmiddle", "title": "Alinhar Médio"},
 {"id": "tool_alignright", "title": "Alinhar à Direita"},
 {"id": "tool_aligntop", "title": "Align Top"},
+{"id": "tool_angle", "title": "Alterar o ângulo de rotação"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Bold Text"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "Nova Imagem"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Cancelar"},
 {"id": "tool_docprops_save", "textContent": "Salvar"},
 {"id": "tool_ellipse", "title": "Elipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Ferramenta Lápis"},
 {"id": "tool_fhrect", "title": "Free-Hand Rectangle"},
+{"id": "tool_font_size", "title": "Alterar tamanho de letra"},
 {"id": "tool_group", "title": "Elementos do Grupo"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Texto em itálico"},
 {"id": "tool_line", "title": "Ferramenta Linha"},
 {"id": "tool_move_bottom", "title": "Move to Bottom"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Mude a opacidade item selecionado"},
 {"id": "tool_open", "textContent": "Abrir Imagem"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Retângulo"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Elementos Desagrupar"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Alterar o nível de zoom"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.ro.js b/public/svg-edit/editor/locale/lang.ro.js
index ccb9a07e..fedffce7 100644
--- a/public/svg-edit/editor/locale/lang.ro.js
+++ b/public/svg-edit/editor/locale/lang.ro.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Alinierea în raport cu ..."},
-{"id": "tool_angle", "title": "Schimbarea unghiul de rotatie"},
-{"id": "angleLabel", "textContent": "Unghi:"},
 {"id": "bkgnd_color", "title": "Schimbare culoare de fundal / opacitate"},
 {"id": "circle_cx", "title": "Schimbarea coordonatei CX a cercului"},
 {"id": "circle_cy", "title": "Schimbarea coordonatei CY a cercului"},
 {"id": "circle_r", "title": "Schimbarea razei cercului"},
-{"id": "cornerRadiusLabel", "textContent": "Rază Colţ:"},
+{"id": "connector_no_arrow", "textContent": "Fără Săgeată"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Schimbarea Razei Colţului Dreptunghiului"},
 {"id": "curve_segments", "textContent": "Curv"},
 {"id": "ellipse_cx", "title": "Schimbarea coordonatei CX a elipsei"},
 {"id": "ellipse_cy", "title": "Schimbarea coordonatei CY a elipsei"},
 {"id": "ellipse_rx", "title": "Schimbarea razei elipsei X"},
 {"id": "ellipse_ry", "title": "Schimbarea razei elipsei Y"},
 {"id": "fill_color", "title": "Schimbarea culorii de umplere"},
-{"id": "fill_tool_bottom", "textContent": "umple:"},
 {"id": "fitToContent", "textContent": "Dimensionare la Conţinut"},
 {"id": "fit_to_all", "textContent": "Potrivire la tot conţinutul"},
 {"id": "fit_to_canvas", "textContent": "Potrivire la Şevalet"},
 {"id": "fit_to_layer_content", "textContent": "Potrivire la conţinutul stratului"},
 {"id": "fit_to_sel", "textContent": "Potrivire la selecţie"},
 {"id": "font_family", "title": "Modificare familie de Fonturi"},
-{"id": "tool_font_size", "title": "Schimbă dimensiunea fontului"},
-{"id": "tool_opacity", "title": "Schimbarea selectat opacitate element"},
 {"id": "icon_large", "textContent": "Mari"},
 {"id": "icon_medium", "textContent": "Medii"},
 {"id": "icon_small", "textContent": "Mici"},
 {"id": "icon_xlarge", "textContent": "Foarte Mari"},
-{"id": "iheightLabel", "textContent": "înălţime:"},
 {"id": "image_height", "title": "Schimbarea Înălţimii imaginii"},
 {"id": "image_opt_embed", "textContent": "Includeţi Datele (fisiere locale)"},
 {"id": "image_opt_ref", "textContent": "Foloseste referinte la fisiere"},
 {"id": "image_url", "title": "Schimbaţi URL-ul"},
 {"id": "image_width", "title": "Schimbarea Lăţimii imaginii"},
 {"id": "includedImages", "textContent": "Imaginile Incluse"},
-{"id": "iwidthLabel", "textContent": "lăţime:"},
 {"id": "largest_object", "textContent": "cel mai mare obiect"},
 {"id": "layer_delete", "title": "Ştergeţi Strat"},
 {"id": "layer_down", "title": "Mutare Strat în Jos"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Schimbare coordonatei x a punctului final"},
 {"id": "line_y1", "title": "Schimbare coordonatei y a punctului de start"},
 {"id": "line_y2", "title": "Schimbare coordonatei y a punctului final"},
+{"id": "linecap_butt", "title": "Capat de linie: Butuc"},
+{"id": "linecap_round", "title": "Capat de linie: Rotund"},
+{"id": "linecap_square", "title": "Capat de linie: Patrat"},
+{"id": "linejoin_bevel", "title": "Articulatia liniei: Tesita"},
+{"id": "linejoin_miter", "title": "Articulatia liniei: Unghi ascutit"},
+{"id": "linejoin_round", "title": "Articulatia liniei: Rotunda"},
+{"id": "main_icon", "title": "Menu Principal"},
+{"id": "mode_connect", "title": "Conectati doua obiecte"},
 {"id": "page", "textContent": "de start"},
 {"id": "palette", "title": "Faceţi clic a schimba culoare de umplere, Shift-click pentru a schimba culoarea de contur"},
 {"id": "path_node_x", "title": "Schimba coordonata x a punctului"},
 {"id": "path_node_y", "title": "Schimba coordonata x a punctului"},
 {"id": "rect_height_tool", "title": "Schimbarea înălţimii dreptunghiului"},
-{"id": "cornerRadiusLabel", "title": "Schimbarea Razei Colţului Dreptunghiului"},
 {"id": "rect_width_tool", "title": "Schimbarea lăţimii dreptunghiului"},
 {"id": "relativeToLabel", "textContent": "în raport cu:"},
-{"id": "rheightLabel", "textContent": "înălţime:"},
-{"id": "rwidthLabel", "textContent": "lăţime:"},
 {"id": "seg_type", "title": "Schimba tipul de segment"},
 {"id": "selLayerLabel", "textContent": "Muta elemente la:"},
 {"id": "selLayerNames", "title": "Muta elementele selectate pe un alt strat"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Drept"},
 {"id": "stroke_color", "title": "Schimbarea culorii de contur"},
 {"id": "stroke_style", "title": "Schimbarea stilului de contur"},
-{"id": "stroke_tool_bottom", "textContent": "contur:"},
 {"id": "stroke_width", "title": "Schimbarea lăţime de contur"},
 {"id": "svginfo_bg_note", "textContent": "Nota: Fondul nu va fi salvat cu imaginea."},
 {"id": "svginfo_change_background", "textContent": "Fondul Editorului"},
@@ -79,28 +78,36 @@
 {"id": "svginfo_title", "textContent": "Titlul"},
 {"id": "svginfo_width", "textContent": "Lăţime:"},
 {"id": "text", "title": "Schimbarea Conţinutului textului"},
+{"id": "toggle_stroke_tools", "title": "Aratati/ascundeti mai multe unelte de contur"},
+{"id": "tool_add_subpath", "title": "Adaugati sub-traiectorie"},
 {"id": "tool_alignbottom", "title": "Alinierea jos"},
 {"id": "tool_aligncenter", "title": "Aliniere la centru"},
 {"id": "tool_alignleft", "title": "Aliniere la stânga"},
 {"id": "tool_alignmiddle", "title": "Aliniere la mijloc"},
 {"id": "tool_alignright", "title": "Aliniere la dreapta"},
 {"id": "tool_aligntop", "title": "Alinierea sus"},
+{"id": "tool_angle", "title": "Schimbarea unghiul de rotatie"},
+{"id": "tool_blur", "title": "Schimbarea valorii estomparii gaussiene"},
 {"id": "tool_bold", "title": "Text Îngroşat"},
 {"id": "tool_circle", "title": "Cerc"},
 {"id": "tool_clear", "textContent": "Imagine nouă"},
 {"id": "tool_clone", "title": "Clonare Element"},
 {"id": "tool_clone_multi", "title": "Clonare Elemente"},
 {"id": "tool_delete", "title": "Şterge Element"},
-{"id": "tool_delete_multi", "title": "Ştergeţi Elemente selectate"},
+{"id": "tool_delete_multi", "title": "Ştergeţi Elementele selectate"},
 {"id": "tool_docprops", "textContent": "Propertile Documentului"},
 {"id": "tool_docprops_cancel", "textContent": "Anulaţi"},
 {"id": "tool_docprops_save", "textContent": "Ok"},
 {"id": "tool_ellipse", "title": "Elipsă"},
-{"id": "tool_fhellipse", "title": "Free-Hand elipsă"},
-{"id": "tool_fhpath", "title": "Unealta de Creion"},
-{"id": "tool_fhrect", "title": "Free-Hand Dreptunghi"},
+{"id": "tool_export", "textContent": "Exportare ca şi PNG"},
+{"id": "tool_eyedropper", "title": "Unealta de Eye Dropper"},
+{"id": "tool_fhellipse", "title": "Elipsă cu mana-libera"},
+{"id": "tool_fhpath", "title": "Unealta de Traiectorie"},
+{"id": "tool_fhrect", "title": "Dreptunghi cu mana-libera"},
+{"id": "tool_font_size", "title": "Schimbă dimensiunea fontului"},
 {"id": "tool_group", "title": "Grupare  Elemente"},
 {"id": "tool_image", "title": "Unealta de Imagine"},
+{"id": "tool_import", "textContent": "Importare SVG"},
 {"id": "tool_italic", "title": "Text Înclinat"},
 {"id": "tool_line", "title": "Unealta de Linie"},
 {"id": "tool_move_bottom", "title": "Mutare în jos"},
@@ -108,11 +115,12 @@
 {"id": "tool_node_clone", "title": "Cloneaza Punct"},
 {"id": "tool_node_delete", "title": "Sterge Punct"},
 {"id": "tool_node_link", "title": "Uneste Punctele de Control"},
+{"id": "tool_opacity", "title": "Schimbarea selectat opacitate element"},
 {"id": "tool_open", "textContent": "Imagine deschisă"},
 {"id": "tool_path", "title": "Unealta de Path"},
 {"id": "tool_rect", "title": "Dreptunghi"},
 {"id": "tool_redo", "title": "Refacere"},
-{"id": "tool_reorient", "title": "Reorienteaza path"},
+{"id": "tool_reorient", "title": "Reorienteaza Traiectoria"},
 {"id": "tool_save", "textContent": "Salvare Imagine"},
 {"id": "tool_select", "title": "Unealta de Selectare"},
 {"id": "tool_source", "title": "Editare Cod Sursa"},
@@ -120,37 +128,46 @@
 {"id": "tool_source_save", "textContent": "Folositi Schimbarile"},
 {"id": "tool_square", "title": "Pătrat"},
 {"id": "tool_text", "title": "Unealta de Text"},
-{"id": "tool_topath", "title": "Converteste in Path"},
+{"id": "tool_topath", "title": "Converteste in Traiectorie"},
 {"id": "tool_undo", "title": "Anulare"},
 {"id": "tool_ungroup", "title": "Anulare Grupare Elemente"},
 {"id": "tool_wireframe", "title": "Mod Schelet"},
 {"id": "tool_zoom", "title": "Unealta de Zoom"},
+{"id": "url_notice", "title": "NOTE: Aceasta imagine nu poate fi inglobata. Va depinde de aceasta traiectorie pentru a fi prezentata."},
 {"id": "zoom_panel", "title": "Schimbarea nivelului de zoom"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "S t r a t u r i", "title": "Trage stanga/dreapta pentru redimensionare  panou lateral"},
 {
  "js_strings": {
   "QerrorsRevertToSource": "Sunt erori de parsing in sursa SVG.\nRevenire la sursa SVG  orginala?", 
   "QignoreSourceChanges": "Ignorati schimbarile la sursa SVG?", 
   "QmoveElemsToLayer": "Mutati elementele selectate pe stratul '%s'?", 
-  "QwantToClear": "Doriti sa stergeti desenul?\nAceasta va sterge si posibilitatea de undo!", 
+  "QwantToClear": "Doriti sa stergeti desenul?\nAceasta va sterge si posibilitatea de anulare!", 
   "cancel": "Revocare", 
+  "defsFailOnSave": "NOTE: Din cauza unei erori in browserul dv., aceasta imagine poate apare gresit (fara gradiente sau elemente). Insa va apare corect dupa salvare.", 
   "dupeLayerName": "Deja exista un strat numis asa!", 
   "enterNewImgURL": "Introduceti noul URL pentru Imagine", 
   "enterNewLayerName": "Rog introduceti un nume pentru strat", 
   "enterUniqueLayerName": "Rog introduceti un nume unic", 
+  "exportNoBlur": "Elementele estompate vor apare ne-estompate", 
+  "exportNoDashArray": "Contururile vor apare pline", 
+  "exportNoImage": "Elementele de imagine nu vor apare", 
+  "exportNoText": "Posibil ca textul sa nu apara conform asteptarilor", 
+  "exportNoforeignObject": "Elementele foreignObject nu vor apare", 
   "featNotSupported": "Functie neimplementata", 
   "invalidAttrValGiven": "Valoarea data nu este valida", 
   "key_backspace": "backspace", 
-  "key_del": "delete", 
+  "key_del": "stergere", 
   "key_down": "jos", 
   "key_up": "sus", 
   "layer": "Strat", 
   "layerHasThatName": "Statul deja are acest nume", 
+  "loadingImage": "Imaginea se incarca, va rugam asteptati...", 
   "noContentToFitTo": "Fara continut de referinta", 
+  "noteTheseIssues": "De asemeni remarcati urmatoarele probleme: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Trage de punctul de control pt. a-i schimba proprietatile", 
-  "pathNodeTooltip": "Trage de punct pentru a-l muta. Dublu-clic pentru schimbarea tipului de segment"
+  "pathNodeTooltip": "Trage de punct pentru a-l muta. Dublu-clic pentru schimbarea tipului de segment", 
+  "saveFromBrowser": "Selecteaza \"Salvea ca si...\" in browserul dv. pt. a salva aceasta imafine ca si fisier %s."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.ru.js b/public/svg-edit/editor/locale/lang.ru.js
index f19807ff..f5c9f214 100644
--- a/public/svg-edit/editor/locale/lang.ru.js
+++ b/public/svg-edit/editor/locale/lang.ru.js
@@ -1,39 +1,35 @@
 [
 {"id": "align_relative_to", "title": "Выровнять по отношению к ..."},
-{"id": "tool_angle", "title": "Изменить угол поворота"},
-{"id": "angleLabel", "textContent": "Угол:"},
 {"id": "bkgnd_color", "title": "Изменить цвет фона или прозрачность"},
 {"id": "circle_cx", "title": "Изменить горизонтальный координат (CX) окружности"},
 {"id": "circle_cy", "title": "Изменить вертикальный координат (CY) окружности"},
 {"id": "circle_r", "title": "Изменить радиус окружности"},
-{"id": "cornerRadiusLabel", "textContent": "Радиус закругленности угла"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Изменить радиус скругления углов прямоугольника"},
+{"id": "cornerRadiusLabel", "title": "Радиус закругленности угла"},
 {"id": "curve_segments", "textContent": "Сплайн"},
 {"id": "ellipse_cx", "title": "Изменить горизонтальный координат (CX) эллипса"},
 {"id": "ellipse_cy", "title": "Изменить вертикальный координат (CY) эллипса"},
 {"id": "ellipse_rx", "title": "Изменить горизонтальный радиус эллипса"},
 {"id": "ellipse_ry", "title": "Изменить вертикальный радиус эллипса"},
 {"id": "fill_color", "title": "Изменить цвет заливки"},
-{"id": "fill_tool_bottom", "textContent": "Заливка:"},
 {"id": "fitToContent", "textContent": "Под размер содержимого"},
 {"id": "fit_to_all", "textContent": "Под размер всех слоев"},
 {"id": "fit_to_canvas", "textContent": "Под размер холста"},
 {"id": "fit_to_layer_content", "textContent": "Под размер содержания слоя"},
 {"id": "fit_to_sel", "textContent": "Под размер выделенного"},
 {"id": "font_family", "title": "Изменить семейство шрифтов"},
-{"id": "tool_font_size", "title": "Изменить размер шрифта"},
-{"id": "tool_opacity", "title": "Изменить непрозрачность элемента"},
 {"id": "icon_large", "textContent": "Большие"},
 {"id": "icon_medium", "textContent": "Средние"},
 {"id": "icon_small", "textContent": "Малые"},
 {"id": "icon_xlarge", "textContent": "Огромные"},
-{"id": "iheightLabel", "textContent": "Высота:"},
 {"id": "image_height", "title": "Изменить высоту изображения"},
 {"id": "image_opt_embed", "textContent": "Локальные файлы"},
 {"id": "image_opt_ref", "textContent": "По ссылкам"},
 {"id": "image_url", "title": "Изменить URL"},
 {"id": "image_width", "title": "Изменить ширину изображения"},
 {"id": "includedImages", "textContent": "Встроенные изображения"},
-{"id": "iwidthLabel", "textContent": "Ширина:"},
 {"id": "largest_object", "textContent": "Наибольший объект"},
 {"id": "layer_delete", "title": "Удалить слой"},
 {"id": "layer_down", "title": "Опустить слой"},
@@ -45,16 +41,21 @@
 {"id": "line_x2", "title": "Изменить горизонтальный координат X конечной точки линии"},
 {"id": "line_y1", "title": "Изменить вертикальный координат Y начальной точки линии"},
 {"id": "line_y2", "title": "Изменить вертикальный координат Y конечной точки линии"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "страница"},
 {"id": "palette", "title": "Нажмите для изменения цвета заливки, Shift-Click изменить цвета обводки"},
 {"id": "path_node_x", "title": "Изменить горизонтальную координату узла"},
 {"id": "path_node_y", "title": "Изменить вертикальную координату узла"},
 {"id": "rect_height_tool", "title": "Изменениe высоту прямоугольника"},
-{"id": "cornerRadiusLabel", "title": "Изменить радиус скругления углов прямоугольника"},
 {"id": "rect_width_tool", "title": "Измененить ширину прямоугольника"},
 {"id": "relativeToLabel", "textContent": "По отношению к "},
-{"id": "rheightLabel", "textContent": "Высота:"},
-{"id": "rwidthLabel", "textContent": "Ширина:"},
 {"id": "seg_type", "title": "Изменить вид"},
 {"id": "selLayerLabel", "textContent": "Переместить выделенные элементы:"},
 {"id": "selLayerNames", "title": "Переместить выделенные элементы на другой слой"},
@@ -66,7 +67,6 @@
 {"id": "straight_segments", "textContent": "Отрезок"},
 {"id": "stroke_color", "title": "Изменить цвет обводки"},
 {"id": "stroke_style", "title": "Изменить стиль обводки"},
-{"id": "stroke_tool_bottom", "textContent": "Обводка:"},
 {"id": "stroke_width", "title": "Изменить толщину обводки"},
 {"id": "svginfo_bg_note", "textContent": "(Фон не сохранится вместе с изображением.)"},
 {"id": "svginfo_change_background", "textContent": "Фон"},
@@ -79,12 +79,16 @@
 {"id": "svginfo_title", "textContent": "Название"},
 {"id": "svginfo_width", "textContent": "Ширина:"},
 {"id": "text", "title": "Изменить содержание текста"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Выровнять по нижнему краю"},
 {"id": "tool_aligncenter", "title": "Центрировать по вертикальной оси"},
 {"id": "tool_alignleft", "title": "По левому краю"},
 {"id": "tool_alignmiddle", "title": "Центрировать по горизонтальной оси"},
 {"id": "tool_alignright", "title": "По правому краю"},
 {"id": "tool_aligntop", "title": "Выровнять по верхнему краю"},
+{"id": "tool_angle", "title": "Изменить угол поворота"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Жирный"},
 {"id": "tool_circle", "title": "Окружность"},
 {"id": "tool_clear", "textContent": "Создать изображение"},
@@ -96,11 +100,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Отменить"},
 {"id": "tool_docprops_save", "textContent": "Сохранить"},
 {"id": "tool_ellipse", "title": "Эллипс"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Эллипс от руки"},
 {"id": "tool_fhpath", "title": "Карандаш"},
 {"id": "tool_fhrect", "title": "Прямоугольник от руки"},
+{"id": "tool_font_size", "title": "Изменить размер шрифта"},
 {"id": "tool_group", "title": "Создать группу элементов"},
 {"id": "tool_image", "title": "Изображение"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Курсив"},
 {"id": "tool_line", "title": "Линия"},
 {"id": "tool_move_bottom", "title": "Опустить"},
@@ -108,6 +116,7 @@
 {"id": "tool_node_clone", "title": "Создать копию узла"},
 {"id": "tool_node_delete", "title": "Удалить узел"},
 {"id": "tool_node_link", "title": "Связать узлы"},
+{"id": "tool_opacity", "title": "Изменить непрозрачность элемента"},
 {"id": "tool_open", "textContent": "Открыть изображение"},
 {"id": "tool_path", "title": "Контуры"},
 {"id": "tool_rect", "title": "Прямоугольник"},
@@ -127,8 +136,8 @@
 {"id": "tool_zoom", "title": "Лупа"},
 {"id": "tools_ellipse_show", "title": "Эллипс / окружность"},
 {"id": "tools_rect_show", "title": "Прямоугольник / квадрат"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Изменить масштаб"},
-{"id": "zoomLabel", "textContent": "Масштаб:"},
 {"id": "sidepanel_handle", "textContent": "С л о и", "title": "Перетащить налево или направо"},
 {
  "js_strings": {
@@ -137,10 +146,16 @@
   "QmoveElemsToLayer": "Переместить выделенные элементы на слой '%s'?", 
   "QwantToClear": "Вы хотите очистить?\nИстория действий будет забыта!", 
   "cancel": "Отменить", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "Слой с этим именем уже существует.", 
   "enterNewImgURL": "Введите новый URL изображения", 
   "enterNewLayerName": "Пожалуйста, введите новое имя.", 
   "enterUniqueLayerName": "Пожалуйста, введите имя для слоя.", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Возможность не реализована", 
   "invalidAttrValGiven": "Некорректное значение аргумента", 
   "key_backspace": "Backspace", 
@@ -149,10 +164,13 @@
   "key_up": "Вверх", 
   "layer": "Слой", 
   "layerHasThatName": "Слой уже называется этим именем.", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "Нет содержания, по которому выровнять.", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Перетащите для изменения свойвст кривой", 
-  "pathNodeTooltip": "Потащите узел. Чтобы изменить вид отрезка, сделайте двойной щелчок."
+  "pathNodeTooltip": "Потащите узел. Чтобы изменить вид отрезка, сделайте двойной щелчок.", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.sk.js b/public/svg-edit/editor/locale/lang.sk.js
index a0c5bcc2..e15b65c2 100644
--- a/public/svg-edit/editor/locale/lang.sk.js
+++ b/public/svg-edit/editor/locale/lang.sk.js
@@ -1,39 +1,35 @@
 [
 {"id": "align_relative_to", "title": "Zarovnať relatívne k ..."},
-{"id": "tool_angle", "title": "Zmeniť uhol natočenia"},
-{"id": "angleLabel", "textContent": "uhol:"},
 {"id": "bkgnd_color", "title": "Zmeniť farbu a priehľadnosť pozadia"},
 {"id": "circle_cx", "title": "Zmeniť súradnicu X stredu kružnice"},
 {"id": "circle_cy", "title": "Zmeniť súradnicu Y stredu kružnice"},
 {"id": "circle_r", "title": "Zmeniť polomer kružnice"},
-{"id": "cornerRadiusLabel", "textContent": "Polomer zaoblenia:"},
+{"id": "connector_no_arrow", "textContent": "Bez šípok"},
+{"id": "copyrightLabel", "textContent": "Beží na"},
+{"id": "cornerRadiusLabel", "title": "Zmeniť zaoblenie rohov obdĺžnika"},
 {"id": "curve_segments", "textContent": "Krivka"},
 {"id": "ellipse_cx", "title": "Zmeniť súradnicu X stredu elipsy"},
 {"id": "ellipse_cy", "title": "Zmeniť súradnicu Y stredu elipsy"},
 {"id": "ellipse_rx", "title": "Zmeniť polomer X elipsy"},
 {"id": "ellipse_ry", "title": "Zmeniť polomer Y elipsy"},
 {"id": "fill_color", "title": "Zmeniť farbu výplne"},
-{"id": "fill_tool_bottom", "textContent": "výplň:"},
 {"id": "fitToContent", "textContent": "Prispôsobiť obsahu"},
 {"id": "fit_to_all", "textContent": "Prisposobiť celému obsahu"},
 {"id": "fit_to_canvas", "textContent": "Prispôsobiť stránke"},
 {"id": "fit_to_layer_content", "textContent": "Prispôsobiť obsahu vrstvy"},
 {"id": "fit_to_sel", "textContent": "Prispôsobiť výberu"},
 {"id": "font_family", "title": "Zmeniť font"},
-{"id": "tool_font_size", "title": "Zmeniť veľkosť písma"},
-{"id": "tool_opacity", "title": "Zmeniť prehľadnosť vybraných položiek"},
 {"id": "icon_large", "textContent": "Veľká"},
 {"id": "icon_medium", "textContent": "Stredná"},
 {"id": "icon_small", "textContent": "Malá"},
 {"id": "icon_xlarge", "textContent": "Extra veľká"},
-{"id": "iheightLabel", "textContent": "výška:"},
+{"id": "idLabel", "title": "Zmeniť ID elementu"},
 {"id": "image_height", "title": "Zmeniť výšku obrázka"},
 {"id": "image_opt_embed", "textContent": "Vložiť data (lokálne súbory)"},
 {"id": "image_opt_ref", "textContent": "Použiť referenciu na súbor"},
 {"id": "image_url", "title": "Zmeniť URL"},
 {"id": "image_width", "title": "Zmeniť šírku obrázka"},
 {"id": "includedImages", "textContent": "Vložené obrázky"},
-{"id": "iwidthLabel", "textContent": "šírka:"},
 {"id": "largest_object", "textContent": "najväčšiemu objektu"},
 {"id": "layer_delete", "title": "Odstrániť vrstvu"},
 {"id": "layer_down", "title": "Presunúť vrstvu dole"},
@@ -45,16 +41,21 @@
 {"id": "line_x2", "title": "Zmeniť koncovú súradnicu X čiary"},
 {"id": "line_y1", "title": "Zmeniť počiatočnú súradnicu Y čiary"},
 {"id": "line_y2", "title": "Zmeniť koncovú súradnicu Y čiary"},
+{"id": "linecap_butt", "title": "Koniec čiary: presný"},
+{"id": "linecap_round", "title": "Koniec čiary: zaoblený"},
+{"id": "linecap_square", "title": "Koniec čiary: so štvorcovým presahom"},
+{"id": "linejoin_bevel", "title": "Napojenie čiar: skosené"},
+{"id": "linejoin_miter", "title": "Napojenie čiar: ostré"},
+{"id": "linejoin_round", "title": "Napojenie čiar: oblé"},
+{"id": "main_icon", "title": "Hlavné menu"},
+{"id": "mode_connect", "title": "Spojiť dva objekty"},
 {"id": "page", "textContent": "stránke"},
 {"id": "palette", "title": "Kliknutím zmeníte farbu výplne, so Shiftom zmeníte farbu obrysu"},
 {"id": "path_node_x", "title": "Zmeniť uzlu súradnicu X"},
 {"id": "path_node_y", "title": "Zmeniť uzlu súradnicu Y"},
 {"id": "rect_height_tool", "title": "Zmena výšku obdĺžnika"},
-{"id": "cornerRadiusLabel", "title": "Zmeniť zaoblenie rohov obdĺžnika"},
 {"id": "rect_width_tool", "title": "Zmeniť šírku obdĺžnika"},
 {"id": "relativeToLabel", "textContent": "vzhľadom k:"},
-{"id": "rheightLabel", "textContent": "výška:"},
-{"id": "rwidthLabel", "textContent": "šírka:"},
 {"id": "seg_type", "title": "Zmeniť typ segmentu"},
 {"id": "selLayerLabel", "textContent": "Presunút elementy do:"},
 {"id": "selLayerNames", "title": "Presunúť vybrané elementy do inej vrstvy"},
@@ -66,7 +67,6 @@
 {"id": "straight_segments", "textContent": "Rovný"},
 {"id": "stroke_color", "title": "Zmena farby obrysu"},
 {"id": "stroke_style", "title": "Zmeniť štýl obrysu"},
-{"id": "stroke_tool_bottom", "textContent": "obrys:"},
 {"id": "stroke_width", "title": "Zmeniť šírku obrysu"},
 {"id": "svginfo_bg_note", "textContent": "Poznámka: Pozadie nebude uložené spolu s obrázkom."},
 {"id": "svginfo_change_background", "textContent": "Zmeniť pozadie"},
@@ -79,12 +79,16 @@
 {"id": "svginfo_title", "textContent": "Titulok"},
 {"id": "svginfo_width", "textContent": "Šírka:"},
 {"id": "text", "title": "Změnit text"},
+{"id": "toggle_stroke_tools", "title": "Skryť/ukázať viac nástrojov pre krivku"},
+{"id": "tool_add_subpath", "title": "Pridať daľšiu súčasť krivky"},
 {"id": "tool_alignbottom", "title": "Zarovnať dole"},
 {"id": "tool_aligncenter", "title": "Zarovnať na stred"},
 {"id": "tool_alignleft", "title": "Zarovnať doľava"},
 {"id": "tool_alignmiddle", "title": "Zarovnať na stred"},
 {"id": "tool_alignright", "title": "Zarovnať doprava"},
 {"id": "tool_aligntop", "title": "Zarovnať hore"},
+{"id": "tool_angle", "title": "Zmeniť uhol natočenia"},
+{"id": "tool_blur", "title": "Zmeniť intenzitu rozmazania"},
 {"id": "tool_bold", "title": "Tučne"},
 {"id": "tool_circle", "title": "Kružnica"},
 {"id": "tool_clear", "textContent": "Nový obrázok"},
@@ -96,11 +100,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Zrušiť"},
 {"id": "tool_docprops_save", "textContent": "Uložiť"},
 {"id": "tool_ellipse", "title": "Elipsa"},
+{"id": "tool_export", "textContent": "Exportovať ako PNG"},
+{"id": "tool_eyedropper", "title": "Pipeta"},
 {"id": "tool_fhellipse", "title": "Elipsa voľnou rukou"},
 {"id": "tool_fhpath", "title": "Ceruzka"},
 {"id": "tool_fhrect", "title": "Obdĺžnik voľnou rukou"},
+{"id": "tool_font_size", "title": "Zmeniť veľkosť písma"},
 {"id": "tool_group", "title": "Zoskupiť elementy"},
 {"id": "tool_image", "title": "Obrázok"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Kurzíva"},
 {"id": "tool_line", "title": "Čiara"},
 {"id": "tool_move_bottom", "title": "Presunúť spodok"},
@@ -108,8 +116,11 @@
 {"id": "tool_node_clone", "title": "Klonovať uzol"},
 {"id": "tool_node_delete", "title": "Zmazať uzol"},
 {"id": "tool_node_link", "title": "Prepojiť kontrolné body"},
+{"id": "tool_opacity", "title": "Zmeniť prehľadnosť vybraných položiek"},
 {"id": "tool_open", "textContent": "Otvoriť obrázok"},
-{"id": "tool_path", "title": "Path Tool"},
+{"id": "tool_openclose_path", "title": "Otvoriť/uzatvoriť súčasť krivky"},
+{"id": "tool_path", "title": "Krivka"},
+{"id": "tool_position", "title": "Zarovnať element na stránku"},
 {"id": "tool_rect", "title": "Obdĺžnik"},
 {"id": "tool_redo", "title": "Opakovať"},
 {"id": "tool_reorient", "title": "Zmeniť orientáciu krivky"},
@@ -125,32 +136,41 @@
 {"id": "tool_ungroup", "title": "Zrušiť skupinu"},
 {"id": "tool_wireframe", "title": "Drôtový model"},
 {"id": "tool_zoom", "title": "Priblíženie"},
+{"id": "url_notice", "title": "POZNÁMKA: Tento obrázok nemôže byť vložený. Jeho zobrazenie bude závisieť na jeho ceste"},
 {"id": "zoom_panel", "title": "Zmena priblíženia"},
-{"id": "zoomLabel", "textContent": "priblíženie:"},
 {"id": "sidepanel_handle", "textContent": "V r s t v y", "title": "Ťahajte vľavo/vpravo na zmenu veľkosti"},
 {
  "js_strings": {
-  "QerrorsRevertToSource": "Chyba pri načítaní SVG dokumentu.\nVrátiť povodný SVG dokument?", 
-  "QignoreSourceChanges": "Ignorovať zmeny v SVG dokumente?", 
-  "QmoveElemsToLayer": "Presunúť elementy do vrstvy '%s'?", 
-  "QwantToClear": "Naozaj chcete vymazať kresbu?\n(História bude taktiež vymazaná!)!", 
-  "cancel": "Zrušiť", 
-  "dupeLayerName": "Vrstva s daným názvom už existuje!", 
-  "enterNewImgURL": "Zadajte nové URL obrázka", 
-  "enterNewLayerName": "Zadajte názov vrstvy", 
-  "enterUniqueLayerName": "Zadajte unikátny názov vrstvy", 
-  "featNotSupported": "Vlastnosť nie je podporovaná", 
-  "invalidAttrValGiven": "Neplatná hodnota", 
-  "key_backspace": "Backspace", 
-  "key_del": "Delete", 
-  "key_down": "Dole", 
-  "key_up": "Hore", 
-  "layer": "Vrstva", 
-  "layerHasThatName": "Vrstva už má zadaný názov", 
-  "noContentToFitTo": "Žiaden obsah na prispôsobenie", 
-  "ok": "OK", 
-  "pathCtrlPtTooltip": "Ťahajte kontrolné body pre upravnie vlastnosti krivky", 
-  "pathNodeTooltip": "Ťahajte bod na presunutie. Dvojklik na zmenu typu segmentu"
+  "QerrorsRevertToSource": "Chyba pri načítaní SVG dokumentu.\nVrátiť povodný SVG dokument?",
+  "QignoreSourceChanges": "Ignorovať zmeny v SVG dokumente?",
+  "QmoveElemsToLayer": "Presunúť elementy do vrstvy '%s'?",
+  "QwantToClear": "Naozaj chcete vymazať kresbu?\n(História bude taktiež vymazaná!)!",
+  "cancel": "Zrušiť",
+  "defsFailOnSave": "POZNÁMKA: Kvôli chybe v prehliadači sa tento obrázok môže zobraziť nesprávne (napr. chýbajúce prechody či elementy). Po uložení sa zobrazí správne.",
+  "dupeLayerName": "Vrstva s daným názvom už existuje!",
+  "enterNewImgURL": "Zadajte nové URL obrázka",
+  "enterNewLayerName": "Zadajte názov vrstvy",
+  "enterUniqueLayerName": "Zadajte jedinečný názov vrstvy",
+  "exportNoBlur": "bez rozostrenia elementov",
+  "exportNoDashArray": "plné krivky",
+  "exportNoImage": "bez vložených obrázkov",
+  "exportNoText": "vložený text môže vyzerať inak",
+  "exportNoforeignObject": "bez foreignObject objektov",
+  "featNotSupported": "Vlastnosť nie je podporovaná",
+  "invalidAttrValGiven": "Neplatná hodnota",
+  "key_backspace": "Backspace",
+  "key_del": "Delete",
+  "key_down": "šípka dole",
+  "key_up": "šípka hore",
+  "layer": "Vrstva",
+  "layerHasThatName": "Vrstva už má zadaný názov",
+  "loadingImage": "Nahrávam obrázok, prosím čakajte ...",
+  "noContentToFitTo": "Vyberte oblasť na prispôsobenie",
+  "noteTheseIssues": "Môžu sa vyskytnúť nasledujúce problémy: ",
+  "ok": "OK",
+  "pathCtrlPtTooltip": "Ťahajte kontrolné body pre upravnie vlastnosti krivky",
+  "pathNodeTooltip": "Ťahajte bod na presunutie. Dvojklik na zmenu typu segmentu",
+  "saveFromBrowser": "Vyberte \"Uložiť ako ...\" vo vašom prehliadači na uloženie tohoto obrázka do súboru %s."
  }
 }
-]
\ No newline at end of file
+]
diff --git a/public/svg-edit/editor/locale/lang.sl.js b/public/svg-edit/editor/locale/lang.sl.js
index 3f89a158..8711df28 100644
--- a/public/svg-edit/editor/locale/lang.sl.js
+++ b/public/svg-edit/editor/locale/lang.sl.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Poravnaj glede na ..."},
-{"id": "tool_angle", "title": "Sprememba kota rotacije"},
-{"id": "angleLabel", "textContent": "angle:"},
 {"id": "bkgnd_color", "title": "Spreminjanje barve ozadja / motnosti"},
 {"id": "circle_cx", "title": "Spremeni krog&#39;s CX usklajujejo"},
 {"id": "circle_cy", "title": "Spremeni krog&#39;s cy usklajujejo"},
 {"id": "circle_r", "title": "Spremeni krogu polmera"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Spremeni Pravokotnik Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Spremeni elipse&#39;s CX usklajujejo"},
 {"id": "ellipse_cy", "title": "Spremeni elipse&#39;s cy usklajujejo"},
 {"id": "ellipse_rx", "title": "Spremeni elipse&#39;s x polmer"},
 {"id": "ellipse_ry", "title": "Spremeni elipse&#39;s y polmer"},
 {"id": "fill_color", "title": "Spremeni barvo polnila"},
-{"id": "fill_tool_bottom", "textContent": "polniti:"},
 {"id": "fitToContent", "textContent": "Fit to Content"},
 {"id": "fit_to_all", "textContent": "Fit na vse vsebine"},
 {"id": "fit_to_canvas", "textContent": "Fit na platno"},
 {"id": "fit_to_layer_content", "textContent": "Fit na plast vsebine"},
 {"id": "fit_to_sel", "textContent": "Fit za izbor"},
 {"id": "font_family", "title": "Change Font Family"},
-{"id": "tool_font_size", "title": "Spremeni velikost pisave"},
-{"id": "tool_opacity", "title": "Spremeni izbran predmet motnosti"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "višina:"},
 {"id": "image_height", "title": "Spremeni Višina slike"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Spremeni URL"},
 {"id": "image_width", "title": "Spremeni Širina slike"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "širina:"},
 {"id": "largest_object", "textContent": "Največji objekt"},
 {"id": "layer_delete", "title": "Delete Layer"},
 {"id": "layer_down", "title": "Move Down Layer"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Change line je končalo x usklajujejo"},
 {"id": "line_y1", "title": "Change line&#39;s začetkom y usklajujejo"},
 {"id": "line_y2", "title": "Change line je končalo y usklajujejo"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "page"},
 {"id": "palette", "title": "Kliknite, če želite spremeniti barvo polnila, premik miške kliknite spremeniti barvo kap"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Spremeni pravokotniku višine"},
-{"id": "cornerRadiusLabel", "title": "Spremeni Pravokotnik Corner Radius"},
 {"id": "rect_width_tool", "title": "Spremeni pravokotnik širine"},
 {"id": "relativeToLabel", "textContent": "glede na:"},
-{"id": "rheightLabel", "textContent": "višina:"},
-{"id": "rwidthLabel", "textContent": "širina:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Spremeni barvo kap"},
 {"id": "stroke_style", "title": "Spremeni kap dash slog"},
-{"id": "stroke_tool_bottom", "textContent": "udarec:"},
 {"id": "stroke_width", "title": "Spreminjanje širine kap"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Širina:"},
 {"id": "text", "title": "Spremeni besedilo vsebino"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Align Bottom"},
 {"id": "tool_aligncenter", "title": "Sredino"},
 {"id": "tool_alignleft", "title": "Poravnaj levo"},
 {"id": "tool_alignmiddle", "title": "Poravnava Middle"},
 {"id": "tool_alignright", "title": "Poravnaj desno"},
 {"id": "tool_aligntop", "title": "Poravnava Top"},
+{"id": "tool_angle", "title": "Sprememba kota rotacije"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Bold Text"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "New Image"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Prekliči"},
 {"id": "tool_docprops_save", "textContent": "Shraniti"},
 {"id": "tool_ellipse", "title": "Elipsa"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Elipsa"},
 {"id": "tool_fhpath", "title": "Pencil Tool"},
 {"id": "tool_fhrect", "title": "Free-Hand pravokotnik"},
+{"id": "tool_font_size", "title": "Spremeni velikost pisave"},
 {"id": "tool_group", "title": "Skupina Elements"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Italic Text"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Premakni v Bottom"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Spremeni izbran predmet motnosti"},
 {"id": "tool_open", "textContent": "Open Image"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Pravokotnik"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Razdruži Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Spreminjanje povečave"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.sq.js b/public/svg-edit/editor/locale/lang.sq.js
index 9835a6dc..0e1ba659 100644
--- a/public/svg-edit/editor/locale/lang.sq.js
+++ b/public/svg-edit/editor/locale/lang.sq.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Vendose në lidhje me ..."},
-{"id": "tool_angle", "title": "Kënd Ndryshimi rrotullim"},
-{"id": "angleLabel", "textContent": "kënd:"},
 {"id": "bkgnd_color", "title": "Change color background / patejdukshmëri"},
 {"id": "circle_cx", "title": "Cx rrethi Ndryshimi i bashkërenduar"},
 {"id": "circle_cy", "title": "Ndryshimi i rrethit cy koordinuar"},
 {"id": "circle_r", "title": "Rreze rreth Ndryshimi i"},
-{"id": "cornerRadiusLabel", "textContent": "Rreze Corner:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Ndryshimi Rectangle Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Ndryshimi elips e cx koordinuar"},
 {"id": "ellipse_cy", "title": "Elips cy Ndryshimi i bashkërenduar"},
 {"id": "ellipse_rx", "title": "Rreze x elips Ndryshimi i"},
 {"id": "ellipse_ry", "title": "Radiusi y elips ndërroj"},
 {"id": "fill_color", "title": "Ndryshimi mbush color"},
-{"id": "fill_tool_bottom", "textContent": "mbushja:"},
 {"id": "fitToContent", "textContent": "Fit to Content"},
 {"id": "fit_to_all", "textContent": "Fit për të gjithë përmbajtjen"},
 {"id": "fit_to_canvas", "textContent": "Fit në kanavacë"},
 {"id": "fit_to_layer_content", "textContent": "Shtresë Fit to content"},
 {"id": "fit_to_sel", "textContent": "Fit to Selection"},
 {"id": "font_family", "title": "Ndryshimi Font Family"},
-{"id": "tool_font_size", "title": "Ndryshimi Font Size"},
-{"id": "tool_opacity", "title": "Ndryshimi zgjedhur errësirë item"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "lartësia:"},
 {"id": "image_height", "title": "Height të ndryshuar imazhin"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Ndrysho URL"},
 {"id": "image_width", "title": "Ndryshimi image width"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "gjerësia:"},
 {"id": "largest_object", "textContent": "madh objekt"},
 {"id": "layer_delete", "title": "Delete Layer"},
 {"id": "layer_down", "title": "Move Down Layer"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Linjë Ndryshimi i fund x koordinuar"},
 {"id": "line_y1", "title": "Shkarko Ndryshimi që fillon y koordinuar"},
 {"id": "line_y2", "title": "Shkarko Ndryshimi i dhënë fund y koordinuar"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "faqe"},
 {"id": "palette", "title": "Klikoni për të ndryshuar mbushur me ngjyra, shift-klikoni për të ndryshuar ngjyrën pash"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Height Ndryshimi drejtkëndësh"},
-{"id": "cornerRadiusLabel", "title": "Ndryshimi Rectangle Corner Radius"},
 {"id": "rect_width_tool", "title": "Width Ndryshimi drejtkëndësh"},
 {"id": "relativeToLabel", "textContent": "lidhje me:"},
-{"id": "rheightLabel", "textContent": "Femije:"},
-{"id": "rwidthLabel", "textContent": "width:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Change color pash"},
 {"id": "stroke_style", "title": "Ndryshimi dash goditje stil"},
-{"id": "stroke_tool_bottom", "textContent": "goditja:"},
 {"id": "stroke_width", "title": "Ndryshimi goditje width"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Gjerësia:"},
 {"id": "text", "title": "Text contents Ndryshimi"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Align Bottom"},
 {"id": "tool_aligncenter", "title": "Align Center"},
 {"id": "tool_alignleft", "title": "Align Left"},
 {"id": "tool_alignmiddle", "title": "Align Mesme"},
 {"id": "tool_alignright", "title": "Align Right"},
 {"id": "tool_aligntop", "title": "Align Top"},
+{"id": "tool_angle", "title": "Kënd Ndryshimi rrotullim"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Bold Text"},
 {"id": "tool_circle", "title": "Rrethi"},
 {"id": "tool_clear", "textContent": "New Image"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Anulo"},
 {"id": "tool_docprops_save", "textContent": "Ruaj"},
 {"id": "tool_ellipse", "title": "Elips"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Pencil Tool"},
 {"id": "tool_fhrect", "title": "Lëndë Hand Rectangle"},
+{"id": "tool_font_size", "title": "Ndryshimi Font Size"},
 {"id": "tool_group", "title": "Elementet e Grupit"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Italic Text"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Move to Bottom"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Ndryshimi zgjedhur errësirë item"},
 {"id": "tool_open", "textContent": "Image Hapur"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Drejtkëndësh"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Elemente Ungroup"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Ndryshimi zoom nivel"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.sr.js b/public/svg-edit/editor/locale/lang.sr.js
index 69864b3e..ebfc6b13 100644
--- a/public/svg-edit/editor/locale/lang.sr.js
+++ b/public/svg-edit/editor/locale/lang.sr.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Алигн у односу на ..."},
-{"id": "tool_angle", "title": "Промени ротације Угао"},
-{"id": "angleLabel", "textContent": "Угао:"},
 {"id": "bkgnd_color", "title": "Промена боје позадине / непрозирност"},
 {"id": "circle_cx", "title": "Промена круг&#39;с ЦКС координатни"},
 {"id": "circle_cy", "title": "Промена круг&#39;с ср координатни"},
 {"id": "circle_r", "title": "Промена круга је полупречник"},
-{"id": "cornerRadiusLabel", "textContent": "Кутак Радијус:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Промена правоугаоник Кутак радијуса"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Промена елипса ЦКС&#39;с координатни"},
 {"id": "ellipse_cy", "title": "Промена елипса&#39;с ср координатни"},
 {"id": "ellipse_rx", "title": "Промена елипса&#39;с Кс радијуса"},
 {"id": "ellipse_ry", "title": "Промена елипса је радијус Ы"},
 {"id": "fill_color", "title": "Промена боје попуне"},
-{"id": "fill_tool_bottom", "textContent": "попунити:"},
 {"id": "fitToContent", "textContent": "Стане на садржај"},
 {"id": "fit_to_all", "textContent": "Уклопи у сав садржај"},
 {"id": "fit_to_canvas", "textContent": "Стане на платну"},
 {"id": "fit_to_layer_content", "textContent": "Уклопи у слоју садржај"},
 {"id": "fit_to_sel", "textContent": "Уклопи у избор"},
 {"id": "font_family", "title": "Цханге фонт породицу"},
-{"id": "tool_font_size", "title": "Цханге фонт сизе"},
-{"id": "tool_opacity", "title": "Промена изабране ставке непрозирност"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "висина:"},
 {"id": "image_height", "title": "Промени слику висине"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Промените УРЛ адресу"},
 {"id": "image_width", "title": "Промени слику ширине"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "ширина:"},
 {"id": "largest_object", "textContent": "Највећи објекат"},
 {"id": "layer_delete", "title": "Избриши слој"},
 {"id": "layer_down", "title": "Помери слој доле"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Промена линија је завршетак кс координата"},
 {"id": "line_y1", "title": "Промена линија у координатни почетак Ы"},
 {"id": "line_y2", "title": "Промена линија је Ы координата се завршава"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "страна"},
 {"id": "palette", "title": "Кликните да бисте променили боју попуне, Схифт-кликните да промените боју удар"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Промени правоугаоник висина"},
-{"id": "cornerRadiusLabel", "title": "Промена правоугаоник Кутак радијуса"},
 {"id": "rect_width_tool", "title": "Промени правоугаоник ширине"},
 {"id": "relativeToLabel", "textContent": "у односу на:"},
-{"id": "rheightLabel", "textContent": "Висина:"},
-{"id": "rwidthLabel", "textContent": "Ширина:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Промена боје удар"},
 {"id": "stroke_style", "title": "Промена ход Дасх стил"},
-{"id": "stroke_tool_bottom", "textContent": "удар:"},
 {"id": "stroke_width", "title": "Промена удара ширина"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Ширина:"},
 {"id": "text", "title": "Промена садржаја текстуалне"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Поравнај доле"},
 {"id": "tool_aligncenter", "title": "Поравнај по центру"},
 {"id": "tool_alignleft", "title": "Поравнај лево"},
 {"id": "tool_alignmiddle", "title": "Алигн Средњи"},
 {"id": "tool_alignright", "title": "Поравнај десно"},
 {"id": "tool_aligntop", "title": "Поравнајте врх"},
+{"id": "tool_angle", "title": "Промени ротације Угао"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Подебљан текст"},
 {"id": "tool_circle", "title": "Круг"},
 {"id": "tool_clear", "textContent": "Нова слика"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Откажи"},
 {"id": "tool_docprops_save", "textContent": "Сачувати"},
 {"id": "tool_ellipse", "title": "Елипса"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Фрее-Ручни Елипса"},
 {"id": "tool_fhpath", "title": "Алатка оловка"},
 {"id": "tool_fhrect", "title": "Фрее-Ручни правоугаоник"},
+{"id": "tool_font_size", "title": "Цханге фонт сизе"},
 {"id": "tool_group", "title": "Група Елементи"},
 {"id": "tool_image", "title": "Алатка за слике"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Италиц текст"},
 {"id": "tool_line", "title": "Линија Алат"},
 {"id": "tool_move_bottom", "title": "Премести на доле"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Промена изабране ставке непрозирност"},
 {"id": "tool_open", "textContent": "Отвори слике"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Правоугаоник"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Разгрупирање Елементи"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Алатка за зумирање"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Промените ниво зумирања"},
-{"id": "zoomLabel", "textContent": "зум:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.sv.js b/public/svg-edit/editor/locale/lang.sv.js
index c3d1c4fe..6c08c174 100644
--- a/public/svg-edit/editor/locale/lang.sv.js
+++ b/public/svg-edit/editor/locale/lang.sv.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Justera förhållande till ..."},
-{"id": "tool_angle", "title": "Ändra rotationsvinkel"},
-{"id": "angleLabel", "textContent": "vinkel:"},
 {"id": "bkgnd_color", "title": "Ändra bakgrundsfärg / opacitet"},
 {"id": "circle_cx", "title": "Ändra cirkeln cx samordna"},
 {"id": "circle_cy", "title": "Ändra cirkeln samordna cy"},
 {"id": "circle_r", "title": "Ändra cirkelns radie"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Ändra rektangel hörnradie"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Ändra ellips&#39;s cx samordna"},
 {"id": "ellipse_cy", "title": "Ändra ellips&#39;s samordna cy"},
 {"id": "ellipse_rx", "title": "Ändra ellips&#39;s x radie"},
 {"id": "ellipse_ry", "title": "Ändra ellips&#39;s y radie"},
 {"id": "fill_color", "title": "Ändra fyllningsfärg"},
-{"id": "fill_tool_bottom", "textContent": "fylla:"},
 {"id": "fitToContent", "textContent": "Fit to Content"},
 {"id": "fit_to_all", "textContent": "Passar till allt innehåll"},
 {"id": "fit_to_canvas", "textContent": "Anpassa till duk"},
 {"id": "fit_to_layer_content", "textContent": "Anpassa till lager innehåll"},
 {"id": "fit_to_sel", "textContent": "Anpassa till val"},
 {"id": "font_family", "title": "Ändra Typsnitt"},
-{"id": "tool_font_size", "title": "Ändra textstorlek"},
-{"id": "tool_opacity", "title": "Ändra markerat objekt opacitet"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "höjd:"},
 {"id": "image_height", "title": "Ändra bildhöjd"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Ändra URL"},
 {"id": "image_width", "title": "Ändra bild bredd"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "bredd:"},
 {"id": "largest_object", "textContent": "största objekt"},
 {"id": "layer_delete", "title": "Radera Layer"},
 {"id": "layer_down", "title": "Flytta Layer Down"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Ändra Lines slutar x samordna"},
 {"id": "line_y1", "title": "Ändra Lines startar Y-koordinat"},
 {"id": "line_y2", "title": "Ändra Lines slutar Y-koordinat"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "sida"},
 {"id": "palette", "title": "Klicka för att ändra fyllningsfärg, shift-klicka för att ändra färgar"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Ändra rektangel höjd"},
-{"id": "cornerRadiusLabel", "title": "Ändra rektangel hörnradie"},
 {"id": "rect_width_tool", "title": "Ändra rektangel bredd"},
 {"id": "relativeToLabel", "textContent": "jämfört:"},
-{"id": "rheightLabel", "textContent": "Höjd:"},
-{"id": "rwidthLabel", "textContent": "Bredd:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Ändra färgar"},
 {"id": "stroke_style", "title": "Ändra stroke Dash stil"},
-{"id": "stroke_tool_bottom", "textContent": "stroke:"},
 {"id": "stroke_width", "title": "Ändra stroke bredd"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Bredd:"},
 {"id": "text", "title": "Ändra textinnehållet"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Align Bottom"},
 {"id": "tool_aligncenter", "title": "Centrera"},
 {"id": "tool_alignleft", "title": "Vänsterjustera"},
 {"id": "tool_alignmiddle", "title": "Justera Middle"},
 {"id": "tool_alignright", "title": "Högerjustera"},
 {"id": "tool_aligntop", "title": "Justera Top"},
+{"id": "tool_angle", "title": "Ändra rotationsvinkel"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Fet text"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "New Image"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Avbryt"},
 {"id": "tool_docprops_save", "textContent": "Spara"},
 {"id": "tool_ellipse", "title": "Ellips"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Fri hand Ellipse"},
 {"id": "tool_fhpath", "title": "Pennverktyget"},
 {"id": "tool_fhrect", "title": "Fri hand rektangel"},
+{"id": "tool_font_size", "title": "Ändra textstorlek"},
 {"id": "tool_group", "title": "Group Elements"},
 {"id": "tool_image", "title": "Bildverktyg"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Kursiv text"},
 {"id": "tool_line", "title": "Linjeverktyg"},
 {"id": "tool_move_bottom", "title": "Move to Bottom"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Ändra markerat objekt opacitet"},
 {"id": "tool_open", "textContent": "Öppna bild"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Rektangel"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Dela Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoomverktyget"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Ändra zoomnivå"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.sw.js b/public/svg-edit/editor/locale/lang.sw.js
index 0ef2fbf4..d2f65a98 100644
--- a/public/svg-edit/editor/locale/lang.sw.js
+++ b/public/svg-edit/editor/locale/lang.sw.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Align jamaa na ..."},
-{"id": "tool_angle", "title": "Change mzunguko vinkel"},
-{"id": "angleLabel", "textContent": "angle:"},
 {"id": "bkgnd_color", "title": "Change background color / opacity"},
 {"id": "circle_cx", "title": "Change mduara&#39;s CX kuratibu"},
 {"id": "circle_cy", "title": "Change mduara&#39;s cy kuratibu"},
 {"id": "circle_r", "title": "Change mduara&#39;s Radius"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Change Mstatili Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Change ellipse s CX kuratibu"},
 {"id": "ellipse_cy", "title": "Change ellipse s cy kuratibu"},
 {"id": "ellipse_rx", "title": "Change ellipse s x Radius"},
 {"id": "ellipse_ry", "title": "Change ellipse&#39;s y Radius"},
 {"id": "fill_color", "title": "Change kujaza Michezo"},
-{"id": "fill_tool_bottom", "textContent": "jaza:"},
 {"id": "fitToContent", "textContent": "Waliopo Content"},
 {"id": "fit_to_all", "textContent": "Waliopo all content"},
 {"id": "fit_to_canvas", "textContent": "Wanaofaa Canvas"},
 {"id": "fit_to_layer_content", "textContent": "Waliopo safu content"},
 {"id": "fit_to_sel", "textContent": "Waliopo uteuzi"},
 {"id": "font_family", "title": "Change font Family"},
-{"id": "tool_font_size", "title": "Change font Size"},
-{"id": "tool_opacity", "title": "Change selected opacity punkt"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "urefu:"},
 {"id": "image_height", "title": "Change image urefu"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Change URL"},
 {"id": "image_width", "title": "Change image width"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "upana:"},
 {"id": "largest_object", "textContent": "ukubwa object"},
 {"id": "layer_delete", "title": "Delete Layer"},
 {"id": "layer_down", "title": "Move Layer Down"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Change Mpya&#39;s kuishia x kuratibu"},
 {"id": "line_y1", "title": "Change Mpya&#39;s mapya y kuratibu"},
 {"id": "line_y2", "title": "Change Mpya&#39;s kuishia y kuratibu"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "umebadilisha"},
 {"id": "palette", "title": "Click kubadili kujaza color, skiftarbete-click kubadili kiharusi color"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Change Mstatili height"},
-{"id": "cornerRadiusLabel", "title": "Change Mstatili Corner Radius"},
 {"id": "rect_width_tool", "title": "Change Mstatili width"},
 {"id": "relativeToLabel", "textContent": "relativa att:"},
-{"id": "rheightLabel", "textContent": "height:"},
-{"id": "rwidthLabel", "textContent": "width:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Change kiharusi Michezo"},
 {"id": "stroke_style", "title": "Change kiharusi dash style"},
-{"id": "stroke_tool_bottom", "textContent": "kipigo:"},
 {"id": "stroke_width", "title": "Change kiharusi width"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Upana:"},
 {"id": "text", "title": "Change Nakala contents"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Align Bottom"},
 {"id": "tool_aligncenter", "title": "Align Center"},
 {"id": "tool_alignleft", "title": "Align Left"},
 {"id": "tool_alignmiddle", "title": "Kati align"},
 {"id": "tool_alignright", "title": "Align Right"},
 {"id": "tool_aligntop", "title": "Align Juu"},
+{"id": "tool_angle", "title": "Change mzunguko vinkel"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Bold Nakala"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "New Image"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Cancel"},
 {"id": "tool_docprops_save", "textContent": "Okoa"},
 {"id": "tool_ellipse", "title": "Ellipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Penseli Tool"},
 {"id": "tool_fhrect", "title": "Free-Hand Rectangle"},
+{"id": "tool_font_size", "title": "Change font Size"},
 {"id": "tool_group", "title": "Kikundi Elements"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Italiki Nakala"},
 {"id": "tool_line", "title": "Mpya Tool"},
 {"id": "tool_move_bottom", "title": "Kuhama Bottom"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Change selected opacity punkt"},
 {"id": "tool_open", "textContent": "Open Image"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Mstatili"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Ungroup Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Change zoom ngazi"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.th.js b/public/svg-edit/editor/locale/lang.th.js
index 4f689017..2a01c188 100644
--- a/public/svg-edit/editor/locale/lang.th.js
+++ b/public/svg-edit/editor/locale/lang.th.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "จัดชิดเทียบกับ ..."},
-{"id": "tool_angle", "title": "มุมหมุนเปลี่ยน"},
-{"id": "angleLabel", "textContent": "มุม:"},
 {"id": "bkgnd_color", "title": "สีพื้นหลังเปลี่ยน / ความทึบ"},
 {"id": "circle_cx", "title": "Cx วงกลมเปลี่ยนของพิกัด"},
 {"id": "circle_cy", "title": "วงกลมเปลี่ยนเป็น cy ประสานงาน"},
 {"id": "circle_r", "title": "รัศมีวงกลมเปลี่ยนเป็น"},
-{"id": "cornerRadiusLabel", "textContent": "รัศมี Corner:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "รัศมีเปลี่ยนสี่เหลี่ยมผืนผ้า Corner"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "เปลี่ยน ellipse ของ cx ประสานงาน"},
 {"id": "ellipse_cy", "title": "Ellipse เปลี่ยนของ cy ประสานงาน"},
 {"id": "ellipse_rx", "title": "Ellipse เปลี่ยนของรัศมี x"},
 {"id": "ellipse_ry", "title": "Ellipse เปลี่ยนของรัศมี y"},
 {"id": "fill_color", "title": "เปลี่ยนใส่สี"},
-{"id": "fill_tool_bottom", "textContent": "เติม:"},
 {"id": "fitToContent", "textContent": "Fit to Content"},
 {"id": "fit_to_all", "textContent": "พอดีกับเนื้อหาทั้งหมด"},
 {"id": "fit_to_canvas", "textContent": "เหมาะสมในการผ้าใบ"},
 {"id": "fit_to_layer_content", "textContent": "พอดีเนื้อหาชั้นที่"},
 {"id": "fit_to_sel", "textContent": "เหมาะสมในการเลือก"},
 {"id": "font_family", "title": "ครอบครัว Change Font"},
-{"id": "tool_font_size", "title": "เปลี่ยนขนาดตัวอักษร"},
-{"id": "tool_opacity", "title": "เปลี่ยนความทึบเลือกรายการ"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "ความสูง:"},
 {"id": "image_height", "title": "ความสูงเปลี่ยนรูปภาพ"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "URL เปลี่ยน"},
 {"id": "image_width", "title": "ความกว้างเปลี่ยนรูปภาพ"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "ความกว้าง:"},
 {"id": "largest_object", "textContent": "ที่ใหญ่ที่สุดในวัตถุ"},
 {"id": "layer_delete", "title": "Delete Layer"},
 {"id": "layer_down", "title": "ย้าย Layer ลง"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "สายเปลี่ยนเป็นสิ้นสุด x พิกัด"},
 {"id": "line_y1", "title": "สายเปลี่ยนเป็นเริ่มต้น y พิกัด"},
 {"id": "line_y2", "title": "สายเปลี่ยนเป็นสิ้นสุด y พิกัด"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "หน้า"},
 {"id": "palette", "title": "คลิกเพื่อเปลี่ยนใส่สีกะคลิกเปลี่ยนสีจังหวะ"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "ความสูงสี่เหลี่ยมผืนผ้าเปลี่ยน"},
-{"id": "cornerRadiusLabel", "title": "รัศมีเปลี่ยนสี่เหลี่ยมผืนผ้า Corner"},
 {"id": "rect_width_tool", "title": "ความกว้างสี่เหลี่ยมผืนผ้าเปลี่ยน"},
 {"id": "relativeToLabel", "textContent": "เทียบกับ:"},
-{"id": "rheightLabel", "textContent": "ความสูง:"},
-{"id": "rwidthLabel", "textContent": "ความกว้าง:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "สีจังหวะเปลี่ยน"},
 {"id": "stroke_style", "title": "รีบเปลี่ยนสไตล์จังหวะ"},
-{"id": "stroke_tool_bottom", "textContent": "การตี:"},
 {"id": "stroke_width", "title": "ความกว้างจังหวะเปลี่ยน"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "ความกว้าง:"},
 {"id": "text", "title": "เปลี่ยนเนื้อหาข้อความ"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "ด้านล่างชิด"},
 {"id": "tool_aligncenter", "title": "จัดแนวกึ่งกลาง"},
 {"id": "tool_alignleft", "title": "จัดชิดซ้าย"},
 {"id": "tool_alignmiddle", "title": "กลางชิด"},
 {"id": "tool_alignright", "title": "จัดชิดขวา"},
 {"id": "tool_aligntop", "title": "ด้านบนชิด"},
+{"id": "tool_angle", "title": "มุมหมุนเปลี่ยน"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "ข้อความตัวหนา"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "รูปภาพใหม่"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "ยกเลิก"},
 {"id": "tool_docprops_save", "textContent": "บันทึก"},
 {"id": "tool_ellipse", "title": "Ellipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Ellipse Free-Hand"},
 {"id": "tool_fhpath", "title": "เครื่องมือดินสอ"},
 {"id": "tool_fhrect", "title": "สี่เหลี่ยมผืนผ้า Free-Hand"},
+{"id": "tool_font_size", "title": "เปลี่ยนขนาดตัวอักษร"},
 {"id": "tool_group", "title": "องค์ประกอบของกลุ่ม"},
 {"id": "tool_image", "title": "เครื่องมือ Image"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "ข้อความตัวเอียง"},
 {"id": "tool_line", "title": "เครื่องมือ Line"},
 {"id": "tool_move_bottom", "title": "ย้ายไปด้านล่าง"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "เปลี่ยนความทึบเลือกรายการ"},
 {"id": "tool_open", "textContent": "ภาพเปิด"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "สี่เหลี่ยมผืนผ้า"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "องค์ประกอบ Ungroup"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "เครื่องมือซูม"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "เปลี่ยนระดับการซูม"},
-{"id": "zoomLabel", "textContent": "ซูม:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.tl.js b/public/svg-edit/editor/locale/lang.tl.js
index 0b6750c5..d81762d0 100644
--- a/public/svg-edit/editor/locale/lang.tl.js
+++ b/public/svg-edit/editor/locale/lang.tl.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Pantayin sa kamag-anak sa ..."},
-{"id": "tool_angle", "title": "Baguhin ang pag-ikot anggulo"},
-{"id": "angleLabel", "textContent": "anggulo:"},
 {"id": "bkgnd_color", "title": "Baguhin ang kulay ng background / kalabuan"},
 {"id": "circle_cx", "title": "Cx Baguhin ang bilog&#39;s coordinate"},
 {"id": "circle_cy", "title": "Baguhin ang bilog&#39;s cy coordinate"},
 {"id": "circle_r", "title": "Baguhin ang radius ng bilog"},
-{"id": "cornerRadiusLabel", "textContent": "Corner Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Baguhin ang Parihaba Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Baguhin ang tambilugan&#39;s cx-ugma"},
 {"id": "ellipse_cy", "title": "Baguhin ang tambilugan&#39;s cy coordinate"},
 {"id": "ellipse_rx", "title": "X radius Baguhin ang tambilugan&#39;s"},
 {"id": "ellipse_ry", "title": "Y radius Baguhin ang tambilugan&#39;s"},
 {"id": "fill_color", "title": "Baguhin ang punuin ng kulay"},
-{"id": "fill_tool_bottom", "textContent": "punan:"},
 {"id": "fitToContent", "textContent": "Pagkasyahin sa Nilalaman"},
 {"id": "fit_to_all", "textContent": "Pagkasyahin sa lahat ng mga nilalaman"},
 {"id": "fit_to_canvas", "textContent": "Pagkasyahin sa tolda"},
 {"id": "fit_to_layer_content", "textContent": "Pagkasyahin sa layer nilalaman"},
 {"id": "fit_to_sel", "textContent": "Pagkasyahin sa pagpili"},
 {"id": "font_family", "title": "Baguhin ang Pamilya ng Font"},
-{"id": "tool_font_size", "title": "Baguhin ang Laki ng Font"},
-{"id": "tool_opacity", "title": "Palitan ang mga napiling bagay kalabuan"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "tangkad:"},
 {"id": "image_height", "title": "Baguhin ang taas ng imahe"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Baguhin ang URL"},
 {"id": "image_width", "title": "Baguhin ang lapad ng imahe"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "lapad:"},
 {"id": "largest_object", "textContent": "pinakamalaking bagay"},
 {"id": "layer_delete", "title": "Tanggalin Layer"},
 {"id": "layer_down", "title": "Ilipat Layer Down"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Baguhin ang linya ay nagtatapos x coordinate"},
 {"id": "line_y1", "title": "Baguhin ang linya ng simula y coordinate"},
 {"id": "line_y2", "title": "Baguhin ang linya ay nagtatapos y coordinate"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "pahina"},
 {"id": "palette", "title": "I-click upang baguhin ang punan ang kulay, paglilipat-click upang baguhin ang paghampas ng kulay"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Baguhin ang rektanggulo taas"},
-{"id": "cornerRadiusLabel", "title": "Baguhin ang Parihaba Corner Radius"},
 {"id": "rect_width_tool", "title": "Baguhin ang rektanggulo lapad"},
 {"id": "relativeToLabel", "textContent": "kamag-anak sa:"},
-{"id": "rheightLabel", "textContent": "taas:"},
-{"id": "rwidthLabel", "textContent": "width:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Baguhin ang kulay ng paghampas"},
 {"id": "stroke_style", "title": "Baguhin ang stroke pagsugod estilo"},
-{"id": "stroke_tool_bottom", "textContent": "stroke:"},
 {"id": "stroke_width", "title": "Baguhin ang stroke lapad"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Lapad:"},
 {"id": "text", "title": "Baguhin ang mga nilalaman ng teksto"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Pantayin sa Ibaba"},
 {"id": "tool_aligncenter", "title": "Pantayin sa Gitna"},
 {"id": "tool_alignleft", "title": "Pantayin ang Kaliwa"},
 {"id": "tool_alignmiddle", "title": "Pantayin sa Gitnang"},
 {"id": "tool_alignright", "title": "Pantayin sa Kanan"},
 {"id": "tool_aligntop", "title": "Pantayin Top"},
+{"id": "tool_angle", "title": "Baguhin ang pag-ikot anggulo"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Bold Text"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "Bagong Imahe"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "I-cancel"},
 {"id": "tool_docprops_save", "textContent": "I-save"},
 {"id": "tool_ellipse", "title": "Tambilugan"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Libreng-kamay tambilugan"},
 {"id": "tool_fhpath", "title": "Kasangkapan ng lapis"},
 {"id": "tool_fhrect", "title": "Libreng-kamay Parihaba"},
+{"id": "tool_font_size", "title": "Baguhin ang Laki ng Font"},
 {"id": "tool_group", "title": "Group Sangkap"},
 {"id": "tool_image", "title": "Image Kasangkapan"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Italic Text"},
 {"id": "tool_line", "title": "Line Kasangkapan"},
 {"id": "tool_move_bottom", "title": "Ilipat sa Ibaba"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Palitan ang mga napiling bagay kalabuan"},
 {"id": "tool_open", "textContent": "Buksan ang Image"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Parihaba"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Ungroup Sangkap"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Mag-zoom Kasangkapan"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Baguhin ang antas ng zoom"},
-{"id": "zoomLabel", "textContent": "mag-zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.tr.js b/public/svg-edit/editor/locale/lang.tr.js
index fcc105ca..ce6ab6bc 100644
--- a/public/svg-edit/editor/locale/lang.tr.js
+++ b/public/svg-edit/editor/locale/lang.tr.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Align göre ..."},
-{"id": "tool_angle", "title": "Değiştirmek dönme açısı"},
-{"id": "angleLabel", "textContent": "açı:"},
 {"id": "bkgnd_color", "title": "Arka plan rengini değiştirmek / opacity"},
 {"id": "circle_cx", "title": "Değiştirmek daire&#39;s cx koordine"},
 {"id": "circle_cy", "title": "Değiştirmek daire cy koordine&#39;s"},
 {"id": "circle_r", "title": "Değiştirmek daire yarıçapı"},
-{"id": "cornerRadiusLabel", "textContent": "Köşe Radius:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Değiştirmek Dikdörtgen Köşe Yarıçap"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "&#39;s Koordine cx elips Girişi"},
 {"id": "ellipse_cy", "title": "Değiştirmek elips cy koordine&#39;s"},
 {"id": "ellipse_rx", "title": "Değiştirmek elips&#39;s x yarıçapı"},
 {"id": "ellipse_ry", "title": "Değiştirmek elips Y yarıçapı"},
 {"id": "fill_color", "title": "Renk değiştirmek doldurmak"},
-{"id": "fill_tool_bottom", "textContent": "doldurmak:"},
 {"id": "fitToContent", "textContent": "Fit to Content"},
 {"id": "fit_to_all", "textContent": "Fit tüm içerik için"},
 {"id": "fit_to_canvas", "textContent": "Fit tuvaline"},
 {"id": "fit_to_layer_content", "textContent": "Sığacak şekilde katman içerik"},
 {"id": "fit_to_sel", "textContent": "Fit seçimine"},
 {"id": "font_family", "title": "Font değiştir Aile"},
-{"id": "tool_font_size", "title": "Change font size"},
-{"id": "tool_opacity", "title": "Değiştirmek öğe opacity seçilmiş"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "yükseklik:"},
 {"id": "image_height", "title": "Değiştirmek görüntü yüksekliği"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Değiştirmek URL"},
 {"id": "image_width", "title": "Değiştirmek görüntü genişliği"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "en:"},
 {"id": "largest_object", "textContent": "en büyük nesne"},
 {"id": "layer_delete", "title": "Delete Layer"},
 {"id": "layer_down", "title": "Katman Aşağı Taşı"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Değiştirmek hattı&#39;s koordine x biten"},
 {"id": "line_y1", "title": "Değiştirmek hattı y başlangıç&#39;s koordine"},
 {"id": "line_y2", "title": "Değiştirmek hattı y biten&#39;s koordine"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "sayfa"},
 {"id": "palette", "title": "Tıklatın renk, vardiya dolgu zamanlı rengini değiştirmek için tıklayın değiştirmek için"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Değiştirmek dikdörtgen yüksekliği"},
-{"id": "cornerRadiusLabel", "title": "Değiştirmek Dikdörtgen Köşe Yarıçap"},
 {"id": "rect_width_tool", "title": "Değiştirmek dikdörtgen genişliği"},
 {"id": "relativeToLabel", "textContent": "göreli:"},
-{"id": "rheightLabel", "textContent": "yükseklik:"},
-{"id": "rwidthLabel", "textContent": "genişliği:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Değiştirmek inme renk"},
 {"id": "stroke_style", "title": "Değiştirmek inme çizgi stili"},
-{"id": "stroke_tool_bottom", "textContent": "darbe:"},
 {"id": "stroke_width", "title": "Değiştirmek vuruş genişliği"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "En:"},
 {"id": "text", "title": "Değiştirmek metin içeriği"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Align Bottom"},
 {"id": "tool_aligncenter", "title": "Ortala"},
 {"id": "tool_alignleft", "title": "Sola"},
 {"id": "tool_alignmiddle", "title": "Align Orta"},
 {"id": "tool_alignright", "title": "Sağa Hizala"},
 {"id": "tool_aligntop", "title": "Align Top"},
+{"id": "tool_angle", "title": "Değiştirmek dönme açısı"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Kalın Yazı"},
 {"id": "tool_circle", "title": "Daire"},
 {"id": "tool_clear", "textContent": "Yeni Resim"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Iptal"},
 {"id": "tool_docprops_save", "textContent": "Kaydetmek"},
 {"id": "tool_ellipse", "title": "Elips"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-El Elips"},
 {"id": "tool_fhpath", "title": "Kalem Aracı"},
 {"id": "tool_fhrect", "title": "Free-El Dikdörtgen"},
+{"id": "tool_font_size", "title": "Change font size"},
 {"id": "tool_group", "title": "Grup Elemanları"},
 {"id": "tool_image", "title": "Resim Aracı"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Italik yazı"},
 {"id": "tool_line", "title": "Line Aracı"},
 {"id": "tool_move_bottom", "title": "Altına gider"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Değiştirmek öğe opacity seçilmiş"},
 {"id": "tool_open", "textContent": "Aç Resim"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Dikdörtgen"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Çöz Elemanları"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Yakınlaştırma düzeyini değiştirebilirsiniz"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.uk.js b/public/svg-edit/editor/locale/lang.uk.js
index 03511659..92fb598c 100644
--- a/public/svg-edit/editor/locale/lang.uk.js
+++ b/public/svg-edit/editor/locale/lang.uk.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Вирівняти по відношенню до ..."},
-{"id": "tool_angle", "title": "Зміна кута повороту"},
-{"id": "angleLabel", "textContent": "Кут:"},
 {"id": "bkgnd_color", "title": "Зміна кольору тла / непрозорість"},
 {"id": "circle_cx", "title": "CX зміну кола координата"},
 {"id": "circle_cy", "title": "Зміни гуртка CY координати"},
 {"id": "circle_r", "title": "Зміна кола&#39;s радіус"},
-{"id": "cornerRadiusLabel", "textContent": "Куточок Радіус:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Зміни прямокутник Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Зміни еліпса CX координати"},
 {"id": "ellipse_cy", "title": "Зміни еліпса CY координати"},
 {"id": "ellipse_rx", "title": "Х Зміни еліпса радіусом"},
 {"id": "ellipse_ry", "title": "Зміни у еліпса радіусом"},
 {"id": "fill_color", "title": "Зміна кольору заливки"},
-{"id": "fill_tool_bottom", "textContent": "заповнювати:"},
 {"id": "fitToContent", "textContent": "За розміром змісту"},
 {"id": "fit_to_all", "textContent": "За розміром весь вміст"},
 {"id": "fit_to_canvas", "textContent": "Розмір полотна"},
 {"id": "fit_to_layer_content", "textContent": "За розміром шар змісту"},
 {"id": "fit_to_sel", "textContent": "Вибір розміру"},
 {"id": "font_family", "title": "Зміни Сімейство шрифтів"},
-{"id": "tool_font_size", "title": "Змінити розмір шрифту"},
-{"id": "tool_opacity", "title": "Зміна вибраного пункту непрозорості"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "висота:"},
 {"id": "image_height", "title": "Зміна висоти зображення"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Змінити URL"},
 {"id": "image_width", "title": "Зміни ширина зображення"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "ширина:"},
 {"id": "largest_object", "textContent": "найбільший об&#39;єкт"},
 {"id": "layer_delete", "title": "Видалити шар"},
 {"id": "layer_down", "title": "Перемістити шар на"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Зміни за період, що закінчився лінія координати х"},
 {"id": "line_y1", "title": "Зміни лінія починає Y координата"},
 {"id": "line_y2", "title": "Зміна за період, що закінчився лінія Y координата"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "сторінка"},
 {"id": "palette", "title": "Натисніть для зміни кольору заливки, Shift-Click змінити обвід"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Зміни прямокутник висотою"},
-{"id": "cornerRadiusLabel", "title": "Зміни прямокутник Corner Radius"},
 {"id": "rect_width_tool", "title": "Зміна ширини прямокутника"},
 {"id": "relativeToLabel", "textContent": "в порівнянні з:"},
-{"id": "rheightLabel", "textContent": "Висота:"},
-{"id": "rwidthLabel", "textContent": "Ширина:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Зміна кольору інсульт"},
 {"id": "stroke_style", "title": "Зміна стилю інсульт тире"},
-{"id": "stroke_tool_bottom", "textContent": "удар:"},
 {"id": "stroke_width", "title": "Зміни ширина штриха"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Ширина:"},
 {"id": "text", "title": "Зміна змісту тексту"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Вирівняти по нижньому краю"},
 {"id": "tool_aligncenter", "title": "Вирівняти по центру"},
 {"id": "tool_alignleft", "title": "По лівому краю"},
 {"id": "tool_alignmiddle", "title": "Вирівняти Близького"},
 {"id": "tool_alignright", "title": "По правому краю"},
 {"id": "tool_aligntop", "title": "Вирівняти по верхньому краю"},
+{"id": "tool_angle", "title": "Зміна кута повороту"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Товстий текст"},
 {"id": "tool_circle", "title": "Коло"},
 {"id": "tool_clear", "textContent": "Нове зображення"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Скасування"},
 {"id": "tool_docprops_save", "textContent": "Зберегти"},
 {"id": "tool_ellipse", "title": "Еліпс"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Вільної руки Еліпс"},
 {"id": "tool_fhpath", "title": "Pencil Tool"},
 {"id": "tool_fhrect", "title": "Вільної руки Прямокутник"},
+{"id": "tool_font_size", "title": "Змінити розмір шрифту"},
 {"id": "tool_group", "title": "Група елементів"},
 {"id": "tool_image", "title": "Image Tool"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Похилий текст"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Перемістити вниз"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Зміна вибраного пункту непрозорості"},
 {"id": "tool_open", "textContent": "Відкрити зображення"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Прямокутник"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Елементи розгрупувати"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Зміна масштабу"},
-{"id": "zoomLabel", "textContent": "Збільшити:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.vi.js b/public/svg-edit/editor/locale/lang.vi.js
index a8f87c74..5db7d000 100644
--- a/public/svg-edit/editor/locale/lang.vi.js
+++ b/public/svg-edit/editor/locale/lang.vi.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "Căn liên quan đến ..."},
-{"id": "tool_angle", "title": "Thay đổi góc xoay"},
-{"id": "angleLabel", "textContent": "góc:"},
 {"id": "bkgnd_color", "title": "Thay đổi màu nền / opacity"},
 {"id": "circle_cx", "title": "Thay đổi hình tròn của cx phối hợp"},
 {"id": "circle_cy", "title": "Thay đổi hình tròn của vi phối hợp"},
 {"id": "circle_r", "title": "Thay đổi bán kính của hình tròn"},
-{"id": "cornerRadiusLabel", "textContent": "Bán kính góc:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "Thay đổi chữ nhật Corner Radius"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "Thay đổi hình elip của cx phối hợp"},
 {"id": "ellipse_cy", "title": "Thay đổi hình elip của vi phối hợp"},
 {"id": "ellipse_rx", "title": "Thay đổi hình elip của x bán kính"},
 {"id": "ellipse_ry", "title": "Y Thay đổi bán kính của hình ellipse"},
 {"id": "fill_color", "title": "Thay đổi đầy màu sắc"},
-{"id": "fill_tool_bottom", "textContent": "điền:"},
 {"id": "fitToContent", "textContent": "Phù hợp với nội dung"},
 {"id": "fit_to_all", "textContent": "Phù hợp với tất cả nội dung"},
 {"id": "fit_to_canvas", "textContent": "Phù hợp với vải"},
 {"id": "fit_to_layer_content", "textContent": "Vào lớp phù hợp với nội dung"},
 {"id": "fit_to_sel", "textContent": "Phù hợp để lựa chọn"},
 {"id": "font_family", "title": "Thay đổi Font Gia đình"},
-{"id": "tool_font_size", "title": "Thay đổi cỡ chữ"},
-{"id": "tool_opacity", "title": "Thay đổi lựa chọn opacity mục"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "chiều cao:"},
 {"id": "image_height", "title": "Thay đổi hình ảnh chiều cao"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "Thay đổi URL"},
 {"id": "image_width", "title": "Thay đổi hình ảnh rộng"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "chiều rộng:"},
 {"id": "largest_object", "textContent": "lớn nhất đối tượng"},
 {"id": "layer_delete", "title": "Xoá Layer"},
 {"id": "layer_down", "title": "Move Layer Down"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "Thay đổi dòng của x kết thúc sớm nhất phối hợp"},
 {"id": "line_y1", "title": "Thay đổi dòng của bắt đầu từ y phối hợp"},
 {"id": "line_y2", "title": "Thay đổi dòng của kết thúc y phối hợp"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "Sửa"},
 {"id": "palette", "title": "Nhấn vào đây để thay đổi đầy màu sắc, thay đổi nhấp chuột để thay đổi màu sắc đột quỵ"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "Thay đổi hình chữ nhật chiều cao"},
-{"id": "cornerRadiusLabel", "title": "Thay đổi chữ nhật Corner Radius"},
 {"id": "rect_width_tool", "title": "Thay đổi hình chữ nhật chiều rộng"},
 {"id": "relativeToLabel", "textContent": "liên quan đến:"},
-{"id": "rheightLabel", "textContent": "Chiều cao:"},
-{"id": "rwidthLabel", "textContent": "Chiều rộng:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "Thay đổi màu sắc đột quỵ"},
 {"id": "stroke_style", "title": "Thay đổi phong cách đột quỵ dash"},
-{"id": "stroke_tool_bottom", "textContent": "cú đánh:"},
 {"id": "stroke_width", "title": "Thay đổi chiều rộng đột quỵ"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Chiều rộng:"},
 {"id": "text", "title": "Thay đổi nội dung văn bản"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Align Bottom"},
 {"id": "tool_aligncenter", "title": "Căn giữa"},
 {"id": "tool_alignleft", "title": "Căn còn lại"},
 {"id": "tool_alignmiddle", "title": "Căn Trung"},
 {"id": "tool_alignright", "title": "Căn phải"},
 {"id": "tool_aligntop", "title": "Căn Top"},
+{"id": "tool_angle", "title": "Thay đổi góc xoay"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Bold Text"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "Hình mới"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "Hủy"},
 {"id": "tool_docprops_save", "textContent": "Lưu"},
 {"id": "tool_ellipse", "title": "Ellipse"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Việt-Hand Ellipse"},
 {"id": "tool_fhpath", "title": "Bút chì Công cụ"},
 {"id": "tool_fhrect", "title": "Việt-Hand Hình chữ nhật"},
+{"id": "tool_font_size", "title": "Thay đổi cỡ chữ"},
 {"id": "tool_group", "title": "Nhóm Elements"},
 {"id": "tool_image", "title": "Hình Công cụ"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "Italic Text"},
 {"id": "tool_line", "title": "Line Tool"},
 {"id": "tool_move_bottom", "title": "Chuyển đến đáy"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "Thay đổi lựa chọn opacity mục"},
 {"id": "tool_open", "textContent": "Mở Image"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Hình chữ nhật"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "Ungroup Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "Thay đổi mức độ phóng"},
-{"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.yi.js b/public/svg-edit/editor/locale/lang.yi.js
index 4a59dd7c..3a7e63e2 100644
--- a/public/svg-edit/editor/locale/lang.yi.js
+++ b/public/svg-edit/editor/locale/lang.yi.js
@@ -1,39 +1,34 @@
 [
 {"id": "align_relative_to", "title": "יינרייען קאָרעוו צו ..."},
-{"id": "tool_angle", "title": "ענדערן ראָוטיישאַן ווינקל"},
-{"id": "angleLabel", "textContent": "ווינקל:"},
 {"id": "bkgnd_color", "title": "ענדערן הינטערגרונט פאַרב / אָופּאַסאַטי"},
 {"id": "circle_cx", "title": "ענדערן קרייז ס קקס קאָואָרדאַנאַט"},
 {"id": "circle_cy", "title": "ענדערן קרייז ס סי קאָואָרדאַנאַט"},
 {"id": "circle_r", "title": "ענדערן קרייז ס ראַדיוס"},
-{"id": "cornerRadiusLabel", "textContent": "עק ראַדיוס:"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "ענדערן רעקטאַנגלע קאָרנער ראַדיוס"},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "ענדערן יליפּס ס קקס קאָואָרדאַנאַט"},
 {"id": "ellipse_cy", "title": "ענדערן יליפּס ס סי קאָואָרדאַנאַט"},
 {"id": "ellipse_rx", "title": "ענדערן יליפּס ס &#39;קס ראַדיוס"},
 {"id": "ellipse_ry", "title": "ענדערן יליפּס ס &#39;י ראַדיוס"},
 {"id": "fill_color", "title": "ענדערן אָנעסן קאָליר"},
-{"id": "fill_tool_bottom", "textContent": "אָנעסן:"},
 {"id": "fitToContent", "textContent": "פּאַסיק צו אינהאַלט"},
 {"id": "fit_to_all", "textContent": "פּאַסיק צו אַלע אינהאַלט"},
 {"id": "fit_to_canvas", "textContent": "פּאַסיק צו לייוונט"},
 {"id": "fit_to_layer_content", "textContent": "פּאַסיק צו שיכטע אינהאַלט"},
 {"id": "fit_to_sel", "textContent": "פּאַסיק צו אָפּקלייב"},
 {"id": "font_family", "title": "ענדערן פאָנט פאַמילי"},
-{"id": "tool_font_size", "title": "בייטן פאָנט גרייס"},
-{"id": "tool_opacity", "title": "ענדערן סעלעקטעד נומער אָופּאַסאַטי"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "הויך:"},
 {"id": "image_height", "title": "טוישן בילד הייך"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "ענדערן URL"},
 {"id": "image_width", "title": "טוישן בילד ברייט"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "ברייט:"},
 {"id": "largest_object", "textContent": "לאַרדזשאַסט קעגן"},
 {"id": "layer_delete", "title": "ויסמעקן לייַער"},
 {"id": "layer_down", "title": "קער לייַער דאָוון"},
@@ -45,16 +40,21 @@
 {"id": "line_x2", "title": "טוישן ליניע ס &#39;סאָף קס קאָואָרדאַנאַט"},
 {"id": "line_y1", "title": "טוישן ליניע ס &#39;סטאַרטינג י קאָואָרדאַנאַט"},
 {"id": "line_y2", "title": "טוישן ליניע ס &#39;סאָף י קאָואָרדאַנאַט"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "בלאַט"},
 {"id": "palette", "title": "גיט צו ענדערן אָנעסן קאָליר, יבעררוק-גיט צו טוישן מאַך קאָליר"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "ענדערן גראָדעק הייך"},
-{"id": "cornerRadiusLabel", "title": "ענדערן רעקטאַנגלע קאָרנער ראַדיוס"},
 {"id": "rect_width_tool", "title": "ענדערן גראָדעק ברייט"},
 {"id": "relativeToLabel", "textContent": "קאָרעוו צו:"},
-{"id": "rheightLabel", "textContent": "הייך:"},
-{"id": "rwidthLabel", "textContent": "ברייט:"},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +66,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "טוישן מאַך קאָליר"},
 {"id": "stroke_style", "title": "טוישן מאַך לאָך מאָדע"},
-{"id": "stroke_tool_bottom", "textContent": "מאַך:"},
 {"id": "stroke_width", "title": "טוישן מאַך ברייט"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +78,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "ברייט:"},
 {"id": "text", "title": "ענדערן טעקסט אינהאַלט"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "יינרייען באָטטאָם"},
 {"id": "tool_aligncenter", "title": "יינרייען צענטער"},
 {"id": "tool_alignleft", "title": "יינרייען לעפט"},
 {"id": "tool_alignmiddle", "title": "יינרייען מיטל"},
 {"id": "tool_alignright", "title": "יינרייען רעכט"},
 {"id": "tool_aligntop", "title": "יינרייען Top"},
+{"id": "tool_angle", "title": "ענדערן ראָוטיישאַן ווינקל"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "דרייסט טעקסט"},
 {"id": "tool_circle", "title": "קאַראַהאָד"},
 {"id": "tool_clear", "textContent": "ניו בילד"},
@@ -96,11 +99,15 @@
 {"id": "tool_docprops_cancel", "textContent": "באָטל מאַכן"},
 {"id": "tool_docprops_save", "textContent": "היט"},
 {"id": "tool_ellipse", "title": "עלליפּסע"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "Free-הענט עלליפּסע"},
 {"id": "tool_fhpath", "title": "בלייער טול"},
 {"id": "tool_fhrect", "title": "Free-הענט רעקטאַנגלע"},
+{"id": "tool_font_size", "title": "בייטן פאָנט גרייס"},
 {"id": "tool_group", "title": "גרופּע עלעמענץ"},
 {"id": "tool_image", "title": "בילד טול"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "יטאַליק טעקסט"},
 {"id": "tool_line", "title": "שורה טול"},
 {"id": "tool_move_bottom", "title": "מאַך צו באָטטאָם"},
@@ -108,6 +115,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "ענדערן סעלעקטעד נומער אָופּאַסאַטי"},
 {"id": "tool_open", "textContent": "Open בילד"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "גראָדעק"},
@@ -125,8 +133,8 @@
 {"id": "tool_ungroup", "title": "ונגראָופּ עלעמענץ"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "פארגרעסער טול"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "ענדערן פארגרעסער הייך"},
-{"id": "zoomLabel", "textContent": "פארגרעסער:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +143,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +161,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.zh-CN.js b/public/svg-edit/editor/locale/lang.zh-CN.js
index d8554946..86ae15fd 100644
--- a/public/svg-edit/editor/locale/lang.zh-CN.js
+++ b/public/svg-edit/editor/locale/lang.zh-CN.js
@@ -1,39 +1,35 @@
 [
 {"id": "align_relative_to", "title": "相对对齐 ..."},
-{"id": "tool_angle", "title": "旋转角度的变化"},
-{"id": "angleLabel", "textContent": "角:"},
 {"id": "bkgnd_color", "title": "更改背景颜色/不透明"},
 {"id": "circle_cx", "title": "改变循环的CX坐标"},
 {"id": "circle_cy", "title": "改变循环的赛扬坐标"},
 {"id": "circle_r", "title": "改变圆的半径"},
-{"id": "cornerRadiusLabel", "textContent": "角半径："},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "矩形角半径的变化"},
+{"id": "cornerRadiusLabel", "title": "角半径："},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "改变椭圆的CX坐标"},
 {"id": "ellipse_cy", "title": "改变椭圆的赛扬坐标"},
 {"id": "ellipse_rx", "title": "改变椭圆的x半径"},
 {"id": "ellipse_ry", "title": "改变椭圆的y半径"},
 {"id": "fill_color", "title": "更改填充颜色"},
-{"id": "fill_tool_bottom", "textContent": "充满:"},
 {"id": "fitToContent", "textContent": "适合内容"},
 {"id": "fit_to_all", "textContent": "适合于所有的内容"},
 {"id": "fit_to_canvas", "textContent": "适合画布"},
 {"id": "fit_to_layer_content", "textContent": "适合层内容"},
 {"id": "fit_to_sel", "textContent": "适合选择"},
 {"id": "font_family", "title": "更改字体家族"},
-{"id": "tool_font_size", "title": "更改字体大小"},
-{"id": "tool_opacity", "title": "更改所选项目不透明"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "高度:"},
 {"id": "image_height", "title": "更改图像高度"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "更改网址"},
 {"id": "image_width", "title": "更改图像的宽度"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "宽度:"},
 {"id": "largest_object", "textContent": "最大对象"},
 {"id": "layer_delete", "title": "删除层"},
 {"id": "layer_down", "title": "层向下移动"},
@@ -45,16 +41,21 @@
 {"id": "line_x2", "title": "更改行的结束x坐标"},
 {"id": "line_y1", "title": "更改行的起点的y坐标"},
 {"id": "line_y2", "title": "更改行的结束y坐标"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "网页"},
 {"id": "palette", "title": "点击更改填充颜色，按住Shift键单击更改颜色中风"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "更改矩形的高度"},
-{"id": "cornerRadiusLabel", "title": "矩形角半径的变化"},
 {"id": "rect_width_tool", "title": "更改矩形的宽度"},
 {"id": "relativeToLabel", "textContent": "相对于:"},
-{"id": "rheightLabel", "textContent": "身高："},
-{"id": "rwidthLabel", "textContent": "宽度："},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +67,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "中风的颜色变化"},
 {"id": "stroke_style", "title": "更改行程冲刺风格"},
-{"id": "stroke_tool_bottom", "textContent": "敲击:"},
 {"id": "stroke_width", "title": "笔划宽度的变化"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +79,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "宽度:"},
 {"id": "text", "title": "更改文字内容"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "底部对齐"},
 {"id": "tool_aligncenter", "title": "居中对齐"},
 {"id": "tool_alignleft", "title": "左对齐"},
 {"id": "tool_alignmiddle", "title": "中间对齐"},
 {"id": "tool_alignright", "title": "右对齐"},
 {"id": "tool_aligntop", "title": "顶端对齐"},
+{"id": "tool_angle", "title": "旋转角度的变化"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "粗体"},
 {"id": "tool_circle", "title": "圈"},
 {"id": "tool_clear", "textContent": "新形象"},
@@ -96,11 +100,15 @@
 {"id": "tool_docprops_cancel", "textContent": "取消"},
 {"id": "tool_docprops_save", "textContent": "保存"},
 {"id": "tool_ellipse", "title": "椭圆"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "免费手椭圆"},
 {"id": "tool_fhpath", "title": "铅笔工具"},
 {"id": "tool_fhrect", "title": "免费手矩形"},
+{"id": "tool_font_size", "title": "更改字体大小"},
 {"id": "tool_group", "title": "族元素"},
 {"id": "tool_image", "title": "图像工具"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "斜体文本"},
 {"id": "tool_line", "title": "线工具"},
 {"id": "tool_move_bottom", "title": "移至底部"},
@@ -108,6 +116,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "更改所选项目不透明"},
 {"id": "tool_open", "textContent": "打开图像"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "矩形"},
@@ -125,8 +134,8 @@
 {"id": "tool_ungroup", "title": "取消组合元素"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "缩放工具"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "更改缩放级别"},
-{"id": "zoomLabel", "textContent": "变焦:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +144,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +162,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.zh-HK.js b/public/svg-edit/editor/locale/lang.zh-HK.js
index 6732ee1d..bb595afb 100644
--- a/public/svg-edit/editor/locale/lang.zh-HK.js
+++ b/public/svg-edit/editor/locale/lang.zh-HK.js
@@ -1,39 +1,35 @@
 [
 {"id": "align_relative_to", "title": "相对对齐 ..."},
-{"id": "tool_angle", "title": "旋转角度的变化"},
-{"id": "angleLabel", "textContent": "角:"},
 {"id": "bkgnd_color", "title": "更改背景颜色/不透明"},
 {"id": "circle_cx", "title": "改变循环的CX坐标"},
 {"id": "circle_cy", "title": "改变循环的赛扬坐标"},
 {"id": "circle_r", "title": "改变圆的半径"},
-{"id": "cornerRadiusLabel", "textContent": "角半径："},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "矩形角半径的变化"},
+{"id": "cornerRadiusLabel", "title": "角半径："},
 {"id": "curve_segments", "textContent": "Curve"},
 {"id": "ellipse_cx", "title": "改变椭圆的CX坐标"},
 {"id": "ellipse_cy", "title": "改变椭圆的赛扬坐标"},
 {"id": "ellipse_rx", "title": "改变椭圆的x半径"},
 {"id": "ellipse_ry", "title": "改变椭圆的y半径"},
 {"id": "fill_color", "title": "更改填充颜色"},
-{"id": "fill_tool_bottom", "textContent": "充满:"},
 {"id": "fitToContent", "textContent": "适合内容"},
 {"id": "fit_to_all", "textContent": "适合于所有的内容"},
 {"id": "fit_to_canvas", "textContent": "适合画布"},
 {"id": "fit_to_layer_content", "textContent": "适合层内容"},
 {"id": "fit_to_sel", "textContent": "适合选择"},
 {"id": "font_family", "title": "更改字体家族"},
-{"id": "tool_font_size", "title": "更改字体大小"},
-{"id": "tool_opacity", "title": "更改所选项目不透明"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
 {"id": "icon_xlarge", "textContent": "Extra Large"},
-{"id": "iheightLabel", "textContent": "高度:"},
 {"id": "image_height", "title": "更改图像高度"},
 {"id": "image_opt_embed", "textContent": "Embed data (local files)"},
 {"id": "image_opt_ref", "textContent": "Use file reference"},
 {"id": "image_url", "title": "更改网址"},
 {"id": "image_width", "title": "更改图像的宽度"},
 {"id": "includedImages", "textContent": "Included Images"},
-{"id": "iwidthLabel", "textContent": "宽度:"},
 {"id": "largest_object", "textContent": "最大对象"},
 {"id": "layer_delete", "title": "删除层"},
 {"id": "layer_down", "title": "层向下移动"},
@@ -45,16 +41,21 @@
 {"id": "line_x2", "title": "更改行的结束x坐标"},
 {"id": "line_y1", "title": "更改行的起点的y坐标"},
 {"id": "line_y2", "title": "更改行的结束y坐标"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "网页"},
 {"id": "palette", "title": "点击更改填充颜色，按住Shift键单击更改颜色中风"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
 {"id": "rect_height_tool", "title": "更改矩形的高度"},
-{"id": "cornerRadiusLabel", "title": "矩形角半径的变化"},
 {"id": "rect_width_tool", "title": "更改矩形的宽度"},
 {"id": "relativeToLabel", "textContent": "相对于:"},
-{"id": "rheightLabel", "textContent": "身高："},
-{"id": "rwidthLabel", "textContent": "宽度："},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "Move elements to:"},
 {"id": "selLayerNames", "title": "Move selected elements to a different layer"},
@@ -66,7 +67,6 @@
 {"id": "straight_segments", "textContent": "Straight"},
 {"id": "stroke_color", "title": "中风的颜色变化"},
 {"id": "stroke_style", "title": "更改行程冲刺风格"},
-{"id": "stroke_tool_bottom", "textContent": "敲击:"},
 {"id": "stroke_width", "title": "笔划宽度的变化"},
 {"id": "svginfo_bg_note", "textContent": "Note: Background will not be saved with image."},
 {"id": "svginfo_change_background", "textContent": "Editor Background"},
@@ -79,12 +79,16 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "宽度:"},
 {"id": "text", "title": "更改文字内容"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "底部对齐"},
 {"id": "tool_aligncenter", "title": "居中对齐"},
 {"id": "tool_alignleft", "title": "左对齐"},
 {"id": "tool_alignmiddle", "title": "中间对齐"},
 {"id": "tool_alignright", "title": "右对齐"},
 {"id": "tool_aligntop", "title": "顶端对齐"},
+{"id": "tool_angle", "title": "旋转角度的变化"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "粗体"},
 {"id": "tool_circle", "title": "圈"},
 {"id": "tool_clear", "textContent": "新形象"},
@@ -96,11 +100,15 @@
 {"id": "tool_docprops_cancel", "textContent": "取消"},
 {"id": "tool_docprops_save", "textContent": "保存"},
 {"id": "tool_ellipse", "title": "椭圆"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "免费手椭圆"},
 {"id": "tool_fhpath", "title": "铅笔工具"},
 {"id": "tool_fhrect", "title": "免费手矩形"},
+{"id": "tool_font_size", "title": "更改字体大小"},
 {"id": "tool_group", "title": "族元素"},
 {"id": "tool_image", "title": "图像工具"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "斜体文本"},
 {"id": "tool_line", "title": "线工具"},
 {"id": "tool_move_bottom", "title": "移至底部"},
@@ -108,6 +116,7 @@
 {"id": "tool_node_clone", "title": "Clone Node"},
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
+{"id": "tool_opacity", "title": "更改所选项目不透明"},
 {"id": "tool_open", "textContent": "打开图像"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "矩形"},
@@ -125,8 +134,8 @@
 {"id": "tool_ungroup", "title": "Ungroup Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "缩放工具"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "更改缩放级别"},
-{"id": "zoomLabel", "textContent": "变焦:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {
  "js_strings": {
@@ -135,10 +144,16 @@
   "QmoveElemsToLayer": "Move selected elements to layer '%s'?", 
   "QwantToClear": "Do you want to clear the drawing?\nThis will also erase your undo history!", 
   "cancel": "Cancel", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "There is already a layer named that!", 
   "enterNewImgURL": "Enter the new image URL", 
   "enterNewLayerName": "Please enter the new layer name", 
   "enterUniqueLayerName": "Please enter a unique layer name", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
   "key_backspace": "backspace", 
@@ -147,10 +162,13 @@
   "key_up": "up", 
   "layer": "Layer", 
   "layerHasThatName": "Layer already has that name", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "No content to fit to", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/lang.zh-TW.js b/public/svg-edit/editor/locale/lang.zh-TW.js
index f7682123..31303f6b 100644
--- a/public/svg-edit/editor/locale/lang.zh-TW.js
+++ b/public/svg-edit/editor/locale/lang.zh-TW.js
@@ -1,39 +1,35 @@
 [
 {"id": "align_relative_to", "title": "相對對齊 ..."},
-{"id": "tool_angle", "title": "旋轉角度"},
-{"id": "angleLabel", "textContent": "角度:"},
 {"id": "bkgnd_color", "title": "更改背景顏色/不透明"},
 {"id": "circle_cx", "title": "改變圓的CX坐標"},
 {"id": "circle_cy", "title": "改變圓的CY坐標"},
 {"id": "circle_r", "title": "改變圓的半徑"},
-{"id": "cornerRadiusLabel", "textContent": "角半徑："},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+{"id": "copyrightLabel", "textContent": "Powered by"},
+{"id": "cornerRadiusLabel", "title": "矩形角半徑的變化"},
+{"id": "cornerRadiusLabel", "title": "角半徑："},
 {"id": "curve_segments", "textContent": "曲線"},
 {"id": "ellipse_cx", "title": "改變橢圓的圓心x軸座標"},
 {"id": "ellipse_cy", "title": "改變橢圓的圓心y軸座標"},
 {"id": "ellipse_rx", "title": "改變橢圓的x軸長"},
 {"id": "ellipse_ry", "title": "改變橢圓的y軸長"},
 {"id": "fill_color", "title": "更改填充顏色"},
-{"id": "fill_tool_bottom", "textContent": "填充:"},
 {"id": "fitToContent", "textContent": "適合內容"},
 {"id": "fit_to_all", "textContent": "適合所有的內容"},
 {"id": "fit_to_canvas", "textContent": "適合畫布"},
 {"id": "fit_to_layer_content", "textContent": "適合圖層內容"},
 {"id": "fit_to_sel", "textContent": "適合選取的物件"},
 {"id": "font_family", "title": "更改字體"},
-{"id": "tool_font_size", "title": "更改字體大小"},
-{"id": "tool_opacity", "title": "更改所選項目不透明度"},
 {"id": "icon_large", "textContent": "大"},
 {"id": "icon_medium", "textContent": "中"},
 {"id": "icon_small", "textContent": "小"},
 {"id": "icon_xlarge", "textContent": "特大"},
-{"id": "iheightLabel", "textContent": "高度:"},
 {"id": "image_height", "title": "更改圖像高度"},
 {"id": "image_opt_embed", "textContent": "內嵌資料 (本地端檔案)"},
 {"id": "image_opt_ref", "textContent": "使用檔案參照"},
 {"id": "image_url", "title": "更改網址"},
 {"id": "image_width", "title": "更改圖像的寬度"},
 {"id": "includedImages", "textContent": "包含圖像"},
-{"id": "iwidthLabel", "textContent": "寬度:"},
 {"id": "largest_object", "textContent": "最大的物件"},
 {"id": "layer_delete", "title": "刪除圖層"},
 {"id": "layer_down", "title": "向下移動圖層"},
@@ -45,16 +41,21 @@
 {"id": "line_x2", "title": "更改行的終點x坐標"},
 {"id": "line_y1", "title": "更改行的起點的y坐標"},
 {"id": "line_y2", "title": "更改行的終點y坐標"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "main_icon", "title": "Main Menu"},
+{"id": "mode_connect", "title": "Connect two objects"},
 {"id": "page", "textContent": "網頁"},
 {"id": "palette", "title": "點擊更改填充顏色，按住Shift鍵單擊更改線條顏色"},
 {"id": "path_node_x", "title": "改變節點的x軸座標"},
 {"id": "path_node_y", "title": "改變節點的y軸座標"},
 {"id": "rect_height_tool", "title": "更改矩形的高度"},
-{"id": "cornerRadiusLabel", "title": "矩形角半徑的變化"},
 {"id": "rect_width_tool", "title": "更改矩形的寬度"},
 {"id": "relativeToLabel", "textContent": "相對於:"},
-{"id": "rheightLabel", "textContent": "高度："},
-{"id": "rwidthLabel", "textContent": "寬度："},
 {"id": "seg_type", "title": "Change Segment type"},
 {"id": "selLayerLabel", "textContent": "移動物件到:"},
 {"id": "selLayerNames", "title": "移動被點選的物件其他圖層"},
@@ -66,7 +67,6 @@
 {"id": "straight_segments", "textContent": "直線"},
 {"id": "stroke_color", "title": "線條顏色"},
 {"id": "stroke_style", "title": "更改線條（虛線）風格"},
-{"id": "stroke_tool_bottom", "textContent": "線條:"},
 {"id": "stroke_width", "title": "線條寬度"},
 {"id": "svginfo_bg_note", "textContent": "注意: 編輯器背景不會和圖像一起儲存"},
 {"id": "svginfo_change_background", "textContent": "編輯器背景"},
@@ -79,12 +79,16 @@
 {"id": "svginfo_title", "textContent": "標題"},
 {"id": "svginfo_width", "textContent": "寬度:"},
 {"id": "text", "title": "更改文字內容"},
+{"id": "toggle_stroke_tools", "title": "Show/hide more stroke tools"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "底部對齊"},
 {"id": "tool_aligncenter", "title": "居中對齊"},
 {"id": "tool_alignleft", "title": "向左對齊"},
 {"id": "tool_alignmiddle", "title": "中間對齊"},
 {"id": "tool_alignright", "title": "向右對齊"},
 {"id": "tool_aligntop", "title": "頂端對齊"},
+{"id": "tool_angle", "title": "旋轉角度"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "粗體"},
 {"id": "tool_circle", "title": "圓"},
 {"id": "tool_clear", "textContent": "清空圖像"},
@@ -96,11 +100,15 @@
 {"id": "tool_docprops_cancel", "textContent": "取消"},
 {"id": "tool_docprops_save", "textContent": "保存"},
 {"id": "tool_ellipse", "title": "橢圓"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
 {"id": "tool_fhellipse", "title": "徒手畫橢圓"},
 {"id": "tool_fhpath", "title": "鉛筆工具"},
 {"id": "tool_fhrect", "title": "徒手畫矩形"},
+{"id": "tool_font_size", "title": "更改字體大小"},
 {"id": "tool_group", "title": "群組"},
 {"id": "tool_image", "title": "圖像工具"},
+{"id": "tool_import", "textContent": "Import SVG"},
 {"id": "tool_italic", "title": "斜體"},
 {"id": "tool_line", "title": "線工具"},
 {"id": "tool_move_bottom", "title": "移至底部"},
@@ -108,6 +116,7 @@
 {"id": "tool_node_clone", "title": "增加節點"},
 {"id": "tool_node_delete", "title": "刪除節點"},
 {"id": "tool_node_link", "title": "將控制點連起來"},
+{"id": "tool_opacity", "title": "更改所選項目不透明度"},
 {"id": "tool_open", "textContent": "打開圖像"},
 {"id": "tool_path", "title": "路徑工具"},
 {"id": "tool_rect", "title": "矩形"},
@@ -125,8 +134,8 @@
 {"id": "tool_ungroup", "title": "取消群組"},
 {"id": "tool_wireframe", "title": "框線模式（只瀏覽線條）"},
 {"id": "tool_zoom", "title": "縮放工具"},
+{"id": "url_notice", "title": "NOTE: This image cannot be embedded. It will depend on this path to be displayed"},
 {"id": "zoom_panel", "title": "更改縮放級別"},
-{"id": "zoomLabel", "textContent": "調整頁面大小:"},
 {"id": "sidepanel_handle", "textContent": "圖層", "title": "拖拉以改變側邊面板的大小"},
 {
  "js_strings": {
@@ -135,10 +144,16 @@
   "QmoveElemsToLayer": "要搬移所選取的物件到'%s'層嗎?", 
   "QwantToClear": "要清空圖像嗎？\n這會順便清空你的回復紀錄！", 
   "cancel": "取消", 
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.", 
   "dupeLayerName": "喔不！已經有另一個同樣名稱的圖層了！", 
   "enterNewImgURL": "輸入新的圖片網址", 
   "enterNewLayerName": "請輸入新圖層的名稱", 
   "enterUniqueLayerName": "請輸入一個名稱不重複的", 
+  "exportNoBlur": "Blurred elements will appear as un-blurred", 
+  "exportNoDashArray": "Strokes will appear filled", 
+  "exportNoImage": "Image elements will not appear", 
+  "exportNoText": "Text may not appear as expected", 
+  "exportNoforeignObject": "foreignObject elements will not appear", 
   "featNotSupported": "未提供此功能", 
   "invalidAttrValGiven": "數值給定錯誤", 
   "key_backspace": "空白", 
@@ -147,10 +162,13 @@
   "key_up": "上", 
   "layer": "圖層", 
   "layerHasThatName": "圖層本來就是這個名稱（抱怨）", 
+  "loadingImage": "Loading image, please wait...", 
   "noContentToFitTo": "找不到符合的內容", 
+  "noteTheseIssues": "Also note the following issues: ", 
   "ok": "確定", 
   "pathCtrlPtTooltip": "拖拉控制點以改變曲線性質", 
-  "pathNodeTooltip": "拖拉節點以移動， 連擊節點以改變線段型態（直線/曲線）"
+  "pathNodeTooltip": "拖拉節點以移動， 連擊節點以改變線段型態（直線/曲線）", 
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file."
  }
 }
 ]
\ No newline at end of file
diff --git a/public/svg-edit/editor/locale/locale.js b/public/svg-edit/editor/locale/locale.js
index c7b29054..ce73288f 100644
--- a/public/svg-edit/editor/locale/locale.js
+++ b/public/svg-edit/editor/locale/locale.js
@@ -7,7 +7,7 @@
  * Copyright(c) 2010 Alexis Deveria
  *
  */
- 
+
 var svgEditor = (function($, Editor) {
 	Editor.putLocale = function(given_param, good_langs){
 		var lang_param;
@@ -50,7 +50,7 @@ var svgEditor = (function($, Editor) {
 				if(data.id) {
 					var elem = $('#svg_editor').parent().find('#'+data.id)[0];
 					if(elem) {
-						if(data.title) 
+						if(data.title)
 							elem.title = data.title;
 						if(data.textContent) {
 							// Only replace non-empty text nodes, not elements
diff --git a/public/svg-edit/editor/svg-editor.css b/public/svg-edit/editor/svg-editor.css
index 9eded7f3..d2da4f40 100644
--- a/public/svg-edit/editor/svg-editor.css
+++ b/public/svg-edit/editor/svg-editor.css
@@ -135,7 +135,7 @@
 	bottom: 0px;
 	right: 0px;
 	width: 0px;
-	overflow: scroll;
+	overflow: auto;
 	margin: 0px;
 }
 
@@ -525,8 +525,9 @@ span.zoom_tool {
 	position: absolute;
 	margin: 0;
 	padding: 0;
-	left: -93px;
+	left: -80px;
 	top: 26px;
+	z-index: 4;
 	display: none;
 }
 
@@ -546,7 +547,7 @@ span.zoom_tool {
 }
 
 .dropdown li:hover {
-	background-color: #B0B0B0;
+	background-color: #FFC;
 }
 
 .dropdown li.special {
@@ -554,7 +555,7 @@ span.zoom_tool {
 }
 
 .dropdown li.special:hover {
-	background: #E8E8E8;
+	background: #FFC;
 }
 
 #font_family_dropdown li {
@@ -711,15 +712,19 @@ span.zoom_tool {
 }
 
 #svg_editor #tools_bottom_2 {
-	width: 180px;
+	width: 165px;
 	position: relative;
 	float: left;
 }
 
+#tools_bottom input[type=text] {
+	width: 2.2em;
+}
+
 #svg_editor #color_tools {
 	display: table;
-	margin-top: 0px;
-	border-spacing: 0 4px;
+	margin-top: 1px;
+	border-spacing: 0 3px;
 	clip: rect(0,0,10px,0);
 }
 
@@ -790,6 +795,7 @@ span.zoom_tool {
 #tools_top .dropdown .icon_label {
 	border: 1px solid transparent;
 	margin-top: 3px;
+	height: auto;
 }
 
 #option_lists ul {
@@ -1029,6 +1035,26 @@ span.zoom_tool {
     padding:5px 10px 5px 7px; /* Firefox */
     line-height:17px; /* Safari */
 	margin: 5px 20px 0 0;	
+	
+	border: 1px #808080 solid;
+	border-top-color: #FFF;
+	border-left-color: #FFF;
+
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+}
+
+.toolbar_button button:hover {
+	border: 1px #e0a874 solid;
+	border-top-color: #fcd9ba;
+	border-left-color: #fcd9ba;
+	background-color: #FFC;
+}
+.toolbar_button button:active {
+	background-color: #F4E284;
+	border-left: 1px solid #663300;
+	border-top: 1px solid #663300;
 }
 
 .toolbar_button button .svg_icon {
@@ -1090,6 +1116,12 @@ span.zoom_tool {
 	font-size:0.8em;
 }
 
+#dialog_container, #dialog_content {
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+}
+
 #dialog_buttons input[type=text] {
 	width: 90%;
 	display: block;
diff --git a/public/svg-edit/editor/svg-editor.html b/public/svg-edit/editor/svg-editor.html
index ff9e2dca..99e13574 100644
--- a/public/svg-edit/editor/svg-editor.html
+++ b/public/svg-edit/editor/svg-editor.html
@@ -161,9 +161,9 @@ script type="text/javascript" src="locale/locale.min.js"></script-->
 			<div class="push_button" id="tool_reorient" title="Reorient path"></div>
 			<div class="tool_sep"></div>
 <!--
-			<label id="idLabel">
+			<label id="idLabel" title="Identify the element">
 				<span>id:</span>
-				<input id="elem_id" class="attr_changer" data-attr="id" size="10" type="text" title="Identify the element"/>
+				<input id="elem_id" class="attr_changer" data-attr="id" size="10" type="text"/>
 			</label>
 -->
 		</div>
@@ -346,9 +346,9 @@ script type="text/javascript" src="locale/locale.min.js"></script-->
 			</div>
 		</div>
 
-		<label id="tool_font_size">
+		<label id="tool_font_size" title="Change Font Size">
 			<span id="font_sizeLabel" class="icon_label"></span>
-			<input id="font_size" title="Change Font Size" size="3" value="0" type="text"/>
+			<input id="font_size" size="3" value="0" type="text"/>
 		</label>
 		
 		<!-- Not visible, but still used -->
@@ -432,8 +432,8 @@ script type="text/javascript" src="locale/locale.min.js"></script-->
 
 	<div id="tools_bottom_2">
 		<div id="color_tools">
-			<div class="color_tool" id="tool_fill" title="Change fill color">
-				<label class="icon_label" for="fill_color"></label>
+			<div class="color_tool" id="tool_fill">
+				<label class="icon_label" for="fill_color" title="Change fill color"></label>
 				<div class="color_block">
 					<div id="fill_bg"></div>
 					<div id="fill_color" class="color_block"></div>
@@ -441,7 +441,9 @@ script type="text/javascript" src="locale/locale.min.js"></script-->
 			</div>
 		
 			<div class="color_tool" id="tool_stroke">
-				<label class="icon_label" title="Change stroke color"></label>
+				<div class="color_block">
+					<label class="icon_label" title="Change stroke color"></label>
+				</div>
 				<div class="color_block">
 					<div id="stroke_bg"></div>
 					<div id="stroke_color" class="color_block" title="Change stroke color"></div>
@@ -490,7 +492,6 @@ script type="text/javascript" src="locale/locale.min.js"></script-->
 			<div id="opacity_dropdown" class="dropdown">
 				<button></button>
 				<ul>
-					<li>100% (no transparency)</li>
 					<li>0%</li>
 					<li>25%</li>
 					<li>50%</li>
@@ -506,7 +507,7 @@ script type="text/javascript" src="locale/locale.min.js"></script-->
 	<div id="tools_bottom_3">
 		<div id="palette_holder"><div id="palette" title="Click to change fill color, shift-click to change stroke color"></div></div>
 	</div>
-	<div id="copyright">Powered by <a href="http://svg-edit.googlecode.com/" target="_blank">SVG-edit v2.5-Beta</a></div>
+	<div id="copyright"><span id="copyrightLabel">Powered by</span> <a href="http://svg-edit.googlecode.com/" target="_blank">SVG-edit v2.5-Beta</a></div>
 </div>
 
 <div id="option_lists">
diff --git a/public/svg-edit/editor/svgcanvas.js b/public/svg-edit/editor/svgcanvas.js
index 134a23e0..92995323 100644
--- a/public/svg-edit/editor/svgcanvas.js
+++ b/public/svg-edit/editor/svgcanvas.js
@@ -170,7 +170,6 @@ var isOpera = !!window.opera,
 		"exportNoBlur": "Blurred elements will appear as un-blurred",
 		"exportNoImage": "Image elements will not appear",
 		"exportNoforeignObject": "foreignObject elements will not appear",
-		"exportNoMarkers": "Marker elements (arrows, etc) may not appear as expected",
 		"exportNoDashArray": "Strokes will appear filled",
 		"exportNoText": "Text may not appear as expected"
 	},
@@ -1526,41 +1525,41 @@ function BatchCommand(text) {
 	};
 	var getUrlFromAttr = this.getUrlFromAttr;
 
-	var removeUnusedGrads = function() {
+	var removeUnusedDefElems = function() {
 		var defs = svgcontent.getElementsByTagNameNS(svgns, "defs");
 		if(!defs || !defs.length) return 0;
 		
-		var all_els = svgcontent.getElementsByTagNameNS(svgns, '*'),
-			grad_uses = [],
+		var defelem_uses = [],
 			numRemoved = 0;
+		var attrs = ['fill', 'stroke', 'filter', 'marker-start', 'marker-mid', 'marker-end'];
+		var alen = attrs.length;
 		
-		$.each(all_els, function(i, el) {
-			var fill = getUrlFromAttr(el.getAttribute('fill'));
-			if(fill) {
-				grad_uses.push(fill.substr(1));
-			}
-			
-			var stroke = getUrlFromAttr(el.getAttribute('stroke'));
-			if (stroke) {
-				grad_uses.push(stroke.substr(1));
+		var all_els = svgcontent.getElementsByTagNameNS(svgns, '*');
+		var all_len = all_els.length;
+		
+		for(var i=0; i<all_len; i++) {
+			var el = all_els[i];
+			for(var j = 0; j < alen; j++) {
+				var ref = getUrlFromAttr(el.getAttribute(attrs[j]));
+				if(ref) defelem_uses.push(ref.substr(1));
 			}
 			
 			// gradients can refer to other gradients
 			var href = el.getAttributeNS(xlinkns, "href");
 			if (href && href.indexOf('#') == 0) {
-				grad_uses.push(href.substr(1));
+				defelem_uses.push(href.substr(1));
 			}
-		});
+		};
 		
-		var grads = $(svgcontent).find("linearGradient, radialGradient");
-			grad_ids = [],
-			i = grads.length;
+		var defelems = $(svgcontent).find("linearGradient, radialGradient, filter, marker");
+			defelem_ids = [],
+			i = defelems.length;
 		while (i--) {
-			var grad = grads[i];
-			var id = grad.id;
-			if($.inArray(id, grad_uses) == -1) {
+			var defelem = defelems[i];
+			var id = defelem.id;
+			if($.inArray(id, defelem_uses) == -1) {
 				// Not found, so remove
-				grad.parentNode.removeChild(grad);
+				defelem.parentNode.removeChild(defelem);
 				numRemoved++;
 			}
 		}
@@ -1579,7 +1578,8 @@ function BatchCommand(text) {
 	
 	var svgCanvasToString = function() {
 		// keep calling it until there are none to remove
-		while (removeUnusedGrads() > 0) {};
+		while (removeUnusedDefElems() > 0) {};
+		
 		pathActions.clear(true);
 		
 		// Keep SVG-Edit comment on top
@@ -2439,6 +2439,27 @@ function BatchCommand(text) {
 			var operation = 0;
 			var N = tlist.numberOfItems;
 			
+			
+			// Check if it has a gradient with userSpaceOnUse, in which case
+			// adjust it by recalculating the matrix transform.
+			// TODO: Make this work in Webkit using SVGEditTransformList
+			if(!isWebkit) {
+				var fill = selected.getAttribute('fill');
+				if(fill && fill.indexOf('url(') === 0) {
+					var grad = getElem(getUrlFromAttr(fill).substr(1));
+					if(grad.getAttribute('gradientUnits') === 'userSpaceOnUse') {
+						//Update the userSpaceOnUse element
+						var grad = $(grad);
+						m = transformListToTransform(tlist).matrix;
+						var gtlist = canvas.getTransformList(grad[0]);
+						var gmatrix = transformListToTransform(gtlist).matrix;
+						m = matrixMultiply(m, gmatrix);
+						var m_str = "matrix(" + [m.a,m.b,m.c,m.d,m.e,m.f].join(",") + ")";
+						grad.attr('gradientTransform', m_str);
+					}
+				}
+			}
+			
 			// first, if it was a scale of a non-skewed element, then the second-last  
 			// transform will be the [S]
 			// if we had [M][T][S][T] we want to extract the matrix equivalent of
@@ -3923,7 +3944,7 @@ function BatchCommand(text) {
 		var blinker;
 		var chardata = [];
 		var textbb, transbb;
-		var xform, imatrix;
+		var matrix;
 		var last_x, last_y;
 		var allow_dbl;
 		
@@ -3962,18 +3983,21 @@ function BatchCommand(text) {
 				}, 600);
 
 			}
-				
+			
+			
+			var start_pt = ptToScreen(charbb.x, textbb.y);
+			var end_pt = ptToScreen(charbb.x, (textbb.y + textbb.height));
+			
 			assignAttributes(cursor, {
-				x1: charbb.x * current_zoom,
-				y1: textbb.y * current_zoom,
-				x2: charbb.x * current_zoom,
-				y2: (textbb.y + textbb.height) * current_zoom,
+				x1: start_pt.x,
+				y1: start_pt.y,
+				x2: end_pt.x,
+				y2: end_pt.y,
 				visibility: 'visible',
-				display: 'inline',
-				transform: (xform || '')
+				display: 'inline'
 			});
 			
-			if(selblock) selblock.setAttribute('width', 0);
+			if(selblock) selblock.setAttribute('d', '');
 		}
 		
 		function setSelection(start, end, skipInput) {
@@ -3988,28 +4012,38 @@ function BatchCommand(text) {
 			
 			selblock = getElem("text_selectblock");
 			if (!selblock) {
-				selblock = document.createElementNS(svgns, "rect");
+
+				selblock = document.createElementNS(svgns, "path");
 				assignAttributes(selblock, {
 					'id': "text_selectblock",
 					'fill': "green",
 					'opacity': .5,
 					'style': "pointer-events:none"
 				});
-				selblock = getElem("selectorParentGroup").appendChild(selblock);
+				getElem("selectorParentGroup").appendChild(selblock);
 			}
+
 			
 			var startbb = chardata[start];
 			
 			var endbb = chardata[end];
 			
 			cursor.setAttribute('visibility', 'hidden');
+			
+			var tl = ptToScreen(startbb.x, textbb.y),
+				tr = ptToScreen(startbb.x + (endbb.x - startbb.x), textbb.y),
+				bl = ptToScreen(startbb.x, textbb.y + textbb.height),
+				br = ptToScreen(startbb.x + (endbb.x - startbb.x), textbb.y + textbb.height);
+			
+			
+			var dstr = "M" + tl.x + "," + tl.y
+						+ " L" + tr.x + "," + tr.y
+						+ " " + br.x + "," + br.y
+						+ " " + bl.x + "," + bl.y + "z";
+			
 			assignAttributes(selblock, {
-				'x': startbb.x * current_zoom,
-				'y': textbb.y * current_zoom,
-				'width': (endbb.x - startbb.x) * current_zoom,
-				'height': textbb.height * current_zoom,
-				'display': 'inline',
-				'transform': (xform || '')
+				d: dstr,
+				'display': 'inline'
 			});
 		}
 		
@@ -4060,14 +4094,32 @@ function BatchCommand(text) {
 				y: y_in
 			}
 			
-			if(xform) {
-				var pt = transformPoint(out.x, out.y, imatrix);
+			out.x /= current_zoom;
+			out.y /= current_zoom;			
+
+			if(matrix) {
+				var pt = transformPoint(out.x, out.y, matrix.inverse());
 				out.x = pt.x;
 				out.y = pt.y;
 			}
 			
-			out.x /= current_zoom;
-			out.y /= current_zoom;			
+			return out;
+		}	
+		
+		function ptToScreen(x_in, y_in) {
+			var out = {
+				x: x_in,
+				y: y_in
+			}
+			
+			if(matrix) {
+				var pt = transformPoint(out.x, out.y, matrix);
+				out.x = pt.x;
+				out.y = pt.y;
+			}
+			
+			out.x *= current_zoom;
+			out.y *= current_zoom;
 			
 			return out;
 		}
@@ -4135,6 +4187,7 @@ function BatchCommand(text) {
 			},			
 			mouseUp: function(evt, mouse_x, mouse_y) {
 				var pt = screenToPt(mouse_x, mouse_y);
+				
 				setEndSelectionFromPoint(pt.x, pt.y, true);
 				
 				// TODO: Find a way to make this work: Use transformed BBox instead of evt.target 
@@ -4187,6 +4240,8 @@ function BatchCommand(text) {
 					canvas.deleteSelectedElements();
 				}
 				
+				$(textinput).blur();
+				
 				curtext = false;
 			},
 			setInputElem: function(elem) {
@@ -4210,24 +4265,11 @@ function BatchCommand(text) {
 				var str = curtext.textContent;
 				var len = str.length;
 				
-				xform = curtext.getAttribute('transform');
+				var xform = curtext.getAttribute('transform');
 
 				textbb = canvas.getBBox(curtext);
 				
-				if(xform) {
-					var matrix = getMatrix(curtext);
-					
-					imatrix = matrix.inverse();
-// 					var tbox = transformBox(textbb.x, textbb.y, textbb.width, textbb.height, matrix);
-// 					transbb = {
-// 						width: tbox.tr.x - tbox.tl.x,
-// 						height: tbox.bl.y - tbox.tl.y,
-// 						x: tbox.tl.x,
-// 						y: tbox.tl.y
-// 					}
-				} else {
-// 					transbb = textbb;
-				}
+				matrix = xform?getMatrix(curtext):null;
 
 				chardata = Array(len);
 				textinput.focus();
@@ -6275,7 +6317,6 @@ function BatchCommand(text) {
 			'feGaussianBlur': uiStrings.exportNoBlur,
 			'image': uiStrings.exportNoImage,
 			'foreignObject': uiStrings.exportNoforeignObject,
-			'marker': uiStrings.exportNoMarkers,
 			'[stroke-dasharray]': uiStrings.exportNoDashArray
 		};
 		var content = $(svgcontent);
@@ -7762,6 +7803,9 @@ function BatchCommand(text) {
 		else if (elem.transform) {
 			return elem.transform.baseVal;
 		}
+		else if (elem.gradientTransform) {
+			return elem.gradientTransform.baseVal;
+		}
 		return null;
 	};
 
@@ -8992,7 +9036,7 @@ function BatchCommand(text) {
 	// Function: getVersion
 	// Returns a string which describes the revision number of SvgCanvas.
 	this.getVersion = function() {
-		return "svgcanvas.js ($Rev: 1552 $)";
+		return "svgcanvas.js ($Rev: 1561 $)";
 	};
 	
 	this.setUiStrings = function(strs) {
@@ -9057,7 +9101,7 @@ function BatchCommand(text) {
 			recalculateDimensions: recalculateDimensions,
 			remapElement: remapElement,
 			RemoveElementCommand: RemoveElementCommand,
-			removeUnusedGrads: removeUnusedGrads,
+			removeUnusedDefElems: removeUnusedDefElems,
 			resetUndoStack: resetUndoStack,
 			round: round,
 			runExtensions: runExtensions,
diff --git a/public/svg-edit/extras/update-langs.py b/public/svg-edit/extras/update-langs.py
index 6d1c1db8..0a33dae6 100755
--- a/public/svg-edit/extras/update-langs.py
+++ b/public/svg-edit/extras/update-langs.py
@@ -65,7 +65,7 @@ def processFile(filename):
     Loads the given lang.XX.js file, processes it and saves it
     back to the file system
     """
-    in_string = open('./editor/locale/' + filename, 'r').read()
+    in_string = open('../editor/locale/' + filename, 'r').read()
 
     try:
         j = json.loads(in_string)
@@ -75,7 +75,7 @@ def processFile(filename):
 
         # now write it out back to the file
         s = ourPrettyPrint(j).encode("UTF-8")
-        open('./editor/locale/' + filename, 'w').write(s)
+        open('../editor/locale/' + filename, 'w').write(s)
 
         print "Updated " + filename
     except ValueError:
@@ -83,6 +83,6 @@ def processFile(filename):
 
 if __name__ == '__main__':
     # get list of all lang files and process them
-    for file_name in os.listdir('./editor/locale/'):
+    for file_name in os.listdir('../editor/locale/'):
         if file_name[:4] == "lang":
             processFile(file_name)