svgedit/editor/units.js

/**
 * Package: svgedit.units
 *
 * Licensed under the Apache License, Version 2
 *
 * Copyright(c) 2010 Alexis Deveria
 * Copyright(c) 2010 Jeff Schiller
 */

// Dependencies:
// 1) jQuery

(function() {

if (!window.svgedit) {
	window.svgedit = {};
}

if (!svgedit.units) {
	svgedit.units = {};
}

var w_attrs = ['x', 'x1', 'cx', 'rx', 'width'];
var h_attrs = ['y', 'y1', 'cy', 'ry', 'height'];
var unit_attrs = $.merge(['r','radius'], w_attrs);

var unitNumMap = {
	'%':  2,
	'em': 3,
	'ex': 4,
	'px': 5,
	'cm': 6,
	'mm': 7,
	'in': 8,
	'pt': 9,
	'pc': 10
};

$.merge(unit_attrs, h_attrs);

// Read-only copy of configuration options.
svgedit.units.config_;

/**
 * Stores mapping of unit type to user coordinates.
 */
svgedit.units.typeMap_ = {px: 1};

/**
 * Function: svgedit.units.init()
 * Initializes this module.
 *
 * Parameters:
 * config - an object containing configuration options.
 */
svgedit.units.init = function(config) {
	svgedit.units.config_ = config;

	var svgns = 'http://www.w3.org/2000/svg';

	// Get correct em/ex values by creating a temporary SVG.
	var svg = document.createElementNS(svgns, 'svg');
	document.body.appendChild(svg);
	var rect = document.createElementNS(svgns,'rect');
	rect.setAttribute('width',"1em");
	rect.setAttribute('height',"1ex");
	rect.setAttribute('x',"1in");
	svg.appendChild(rect);
	var bb = rect.getBBox();
	document.body.removeChild(svg);

	var inch = bb.x;
	svgedit.units.typeMap_['em'] = bb.width;
	svgedit.units.typeMap_['ex'] = bb.height;
	svgedit.units.typeMap_['in'] = inch;
	svgedit.units.typeMap_['cm'] = inch / 2.54;
	svgedit.units.typeMap_['mm'] = inch / 25.4;
	svgedit.units.typeMap_['pt'] = inch / 72;
	svgedit.units.typeMap_['pc'] = inch / 6;
	svgedit.units.typeMap_['%'] = 0;
};

// Function: svgedit.units.getTypeMap
// Returns the unit object with values for each unit
svgedit.units.getTypeMap = function() {
	return svgedit.units.typeMap_;
};

// Function: svgedit.units.convertUnit
// Converts the number to given unit or baseUnit
svgedit.units.convertUnit = function(val, unit) {
	unit = unit || svgedit.units.config_.baseUnit;
//	baseVal.convertToSpecifiedUnits(unitNumMap[unit]);
//	var val = baseVal.valueInSpecifiedUnits;
//	baseVal.convertToSpecifiedUnits(1);
	return val / svgedit.units.typeMap_[unit];
};

// Function: svgedit.units.setUnitAttr
// Sets an element's attribute based on the unit in its current value.
//
// Parameters: 
// elem - DOM element to be changed
// attr - String with the name of the attribute associated with the value
// val - String with the attribute value to convert
svgedit.units.setUnitAttr = function(elem, attr, val) {
	if(!isNaN(val)) {
		// New value is a number, so check currently used unit
		var old_val = elem.getAttribute(attr);
		
		// Enable this for alternate mode
//		if(old_val !== null && (isNaN(old_val) || curConfig.baseUnit !== 'px')) {
//			// Old value was a number, so get unit, then convert
//			var unit;
//			if(old_val.substr(-1) === '%') {
//				var res = getResolution();
//				unit = '%';
//				val *= 100;
//				if(w_attrs.indexOf(attr) >= 0) {
//					val = val / res.w;
//				} else if(h_attrs.indexOf(attr) >= 0) {
//					val = val / res.h;
//				} else {
//					return val / Math.sqrt((res.w*res.w) + (res.h*res.h))/Math.sqrt(2);
//				}
//			} else {
//				if(curConfig.baseUnit !== 'px') {
//					unit = svgedit.units.config_.baseUnit;
//				} else {
//					unit = old_val.substr(-2);
//				}
//				val = val / svgedit.units.typeMap_[unit];
//			}
//		
//		val += unit;
//		}
	}
	elem.setAttribute(attr, val);
};

var attrsToConvert = {
	"line": ['x1', 'x2', 'y1', 'y2'],
	"circle": ['cx', 'cy', 'r'],
	"ellipse": ['cx', 'cy', 'rx', 'ry'],
	"foreignObject": ['x', 'y', 'width', 'height'],
	"rect": ['x', 'y', 'width', 'height'],
	"image": ['x', 'y', 'width', 'height'],
	"use": ['x', 'y', 'width', 'height'],
	"text": ['x', 'y']
};

// Function: svgedit.units.convertAttrs
// Converts all applicable attributes to the configured baseUnit
//
// Parameters:
// element - a DOM element whose attributes should be converted
svgedit.units.convertAttrs = function(element) {
	var elName = element.tagName;
	var unit = svgedit.units.config_.baseUnit;
	var attrs = attrsToConvert[elName];
	if(!attrs) return;
	var len = attrs.length
	for(var i = 0; i < len; i++) {
		var attr = attrs[i];
		var cur = element.getAttribute(attr);
		if(cur) {
			if(!isNaN(cur)) {
				element.setAttribute(attr, (cur / svgedit.units.typeMap_[unit]) + unit);
			} else {
				// Convert existing?
			}
		}
	}
};

})();