/*!
- * Raphael 1.2.7dev - JavaScript Vector Library
+ * Raphael 1.2.9dev - JavaScript Vector Library
*
* Copyright (c) 2008 - 2009 Dmitry Baranovskiy (http://raphaeljs.com)
* Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license.
}
return create[apply](R, arguments);
},
+ Paper = function () {},
appendChild = "appendChild",
apply = "apply",
concat = "concat",
push = "push",
rg = /^(?=[\da-f]$)/,
ISURL = /^url\(['"]?([^\)]+)['"]?\)$/i,
+ colourRegExp = /^\s*((#[a-f\d]{6})|(#[a-f\d]{3})|rgb\(\s*([\d\.]+\s*,\s*[\d\.]+\s*,\s*[\d\.]+)\s*\)|rgb\(\s*([\d\.]+%\s*,\s*[\d\.]+%\s*,\s*[\d\.]+%)\s*\)|hs[bl]\(\s*([\d\.]+\s*,\s*[\d\.]+\s*,\s*[\d\.]+)\s*\)|hs[bl]\(\s*([\d\.]+%\s*,\s*[\d\.]+%\s*,\s*[\d\.]+%)\s*\))\s*$/i,
round = math.round,
setAttribute = "setAttribute",
split = "split",
availableAttrs = {"clip-rect": "0 0 10e9 10e9", cursor: "default", cx: 0, cy: 0, fill: "#fff", "fill-opacity": 1, font: '10px "Arial"', "font-family": '"Arial"', "font-size": "10", "font-style": "normal", "font-weight": 400, gradient: 0, height: 0, href: "http://raphaeljs.com/", opacity: 1, path: "M0,0", r: 0, rotation: 0, rx: 0, ry: 0, scale: "1 1", src: "", stroke: "#000", "stroke-dasharray": "", "stroke-linecap": "butt", "stroke-linejoin": "butt", "stroke-miterlimit": 0, "stroke-opacity": 1, "stroke-width": 1, target: "_blank", "text-anchor": "middle", title: "Raphael", translation: "0 0", width: 0, x: 0, y: 0},
availableAnimAttrs = {"clip-rect": "csv", cx: nu, cy: nu, fill: "colour", "fill-opacity": nu, "font-size": nu, height: nu, opacity: nu, path: "path", r: nu, rotation: "csv", rx: nu, ry: nu, scale: "csv", stroke: "colour", "stroke-opacity": nu, "stroke-width": nu, translation: "csv", width: nu, x: nu, y: nu},
rp = "replace";
- R.version = "1.2.7dev";
- R.type = (win.SVGAngle || doc.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1") ? "SVG" : "VML");
+ R.version = "1.2.9dev";
+ R.type = (win.SVGAngle || doc.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", 1.1) ? "SVG" : "VML");
+ if (R.type == "VML") {
+ var d = document.createElement("div");
+ d.innerHTML = '<!--[if vml]><br><br><![endif]-->';
+ if (d.childNodes[length] != 2) {
+ return null;
+ }
+ }
R.svg = !(R.vml = R.type == "VML");
R._id = 0;
R._oid = 0;
var trim = /^\s+|\s+$/g;
toHex = cacher(function (color) {
var bod;
- color = (color + E).replace(trim, E);
+ color = (color + E)[rp](trim, E);
try {
- var document = new ActiveXObject("htmlfile");
- document.write("<body>");
- document.close();
- bod = document.body;
+ var docum = new ActiveXObject("htmlfile");
+ docum.write("<body>");
+ docum.close();
+ bod = docum.body;
} catch(e) {
bod = createPopup().document.body;
}
});
} else {
var i = doc.createElement("i");
- i.className = "Rapha\xebl Colour Picker";
- i.style.cssText = "display:none";
+ i.title = "Rapha\xebl Colour Picker";
+ i.style.display = "none";
doc.body[appendChild](i);
toHex = cacher(function (color) {
i.style.color = color;
}
R.getRGB = cacher(function (colour) {
- if (!colour || !!((colour + E).indexOf("-") + 1)) {
+ if (!colour || !!((colour = colour + E).indexOf("-") + 1)) {
return {r: -1, g: -1, b: -1, hex: "none", error: 1};
}
- colour = colour + E;
if (colour == "none") {
return {r: -1, g: -1, b: -1, hex: "none"};
}
- !({hs: 1, rg: 1})[has](colour.substring(0, 2)) && (colour = toHex(colour));
+ !(({hs: 1, rg: 1})[has](colour.substring(0, 2)) || colour.charAt() == "#") && (colour = toHex(colour));
var res,
red,
green,
blue,
- rgb = colour.match(/^\s*((#[a-f\d]{6})|(#[a-f\d]{3})|rgb\(\s*([\d\.]+\s*,\s*[\d\.]+\s*,\s*[\d\.]+)\s*\)|rgb\(\s*([\d\.]+%\s*,\s*[\d\.]+%\s*,\s*[\d\.]+%)\s*\)|hs[bl]\(\s*([\d\.]+\s*,\s*[\d\.]+\s*,\s*[\d\.]+)\s*\)|hs[bl]\(\s*([\d\.]+%\s*,\s*[\d\.]+%\s*,\s*[\d\.]+%)\s*\))\s*$/i);
+ t,
+ rgb = colour.match(colourRegExp);
if (rgb) {
if (rgb[2]) {
blue = toInt(rgb[2].substring(5), 16);
red = toInt(rgb[2].substring(1, 3), 16);
}
if (rgb[3]) {
- blue = toInt(rgb[3].substring(3) + rgb[3].substring(3), 16);
- green = toInt(rgb[3].substring(2, 3) + rgb[3].substring(2, 3), 16);
- red = toInt(rgb[3].substring(1, 2) + rgb[3].substring(1, 2), 16);
+ blue = toInt((t = rgb[3].charAt(3)) + t, 16);
+ green = toInt((t = rgb[3].charAt(2)) + t, 16);
+ red = toInt((t = rgb[3].charAt(1)) + t, 16);
}
if (rgb[4]) {
rgb = rgb[4][split](/\s*,\s*/);
math.sqrt(math.abs((rx2 * ry2 - rx2 * y * y - ry2 * x * x) / (rx2 * y * y + ry2 * x * x))),
cx = k * rx * y / ry + (x1 + x2) / 2,
cy = k * -ry * x / rx + (y1 + y2) / 2,
- f1 = math.asin((y1 - cy) / ry),
- f2 = math.asin((y2 - cy) / ry);
+ f1 = math.asin(((y1 - cy) / ry).toFixed(7)),
+ f2 = math.asin(((y2 - cy) / ry).toFixed(7));
f1 = x1 < cx ? PI - f1 : f1;
f2 = x2 < cx ? PI - f2 : f2;
if (recursive) {
return [m2, m3, m4][concat](res);
} else {
- res = [m2, m3, m4][concat](res)[join](",")[split](",");
+ res = [m2, m3, m4][concat](res)[join]()[split](",");
var newres = [];
for (var i = 0, ii = res[length]; i < ii; i++) {
newres[i] = i % 2 ? rotate(res[i - 1], res[i], rad).y : rotate(res[i], res[i + 1], rad).x;
el2.prev = el;
el.next = el2;
},
+ removed = function (methodname) {
+ return function () {
+ throw new Error("Rapha\xebl: you are calling to method \u201c" + methodname + "\u201d of removed object");
+ };
+ },
radial_gradient = /^r(?:\(([^,]+?)\s*,\s*([^\)]+?)\))?/;
// SVG
if (R.svg) {
- paper.svgns = "http://www.w3.org/2000/svg";
- paper.xlink = "http://www.w3.org/1999/xlink";
+ Paper[proto].svgns = "http://www.w3.org/2000/svg";
+ Paper[proto].xlink = "http://www.w3.org/1999/xlink";
var round = function (num) {
return +num + (~~num === num) * .5;
},
el[setAttribute](key, attr[key]);
}
} else {
- return doc.createElementNS(paper.svgns, el);
+ return doc.createElementNS(Paper[proto].svgns, el);
}
};
R[toString] = function () {
hl[appendChild](node);
pn = hl;
}
- pn.setAttributeNS(o.paper.xlink, att, value);
+ pn.setAttributeNS(o.Paper[proto].xlink, att, value);
break;
case "cursor":
node.style.cursor = value;
var el = $("pattern"),
ig = $("image");
el.id = "r" + (R._id++)[toString](36);
- $(el, {x: 0, y: 0, patternUnits: "userSpaceOnUse"});
+ $(el, {x: 0, y: 0, patternUnits: "userSpaceOnUse", height: 1, width: 1});
$(ig, {x: 0, y: 0});
ig.setAttributeNS(o.paper.xlink, "href", isURL[1]);
el[appendChild](ig);
$(el, {width: this.offsetWidth, height: this.offsetHeight});
$(ig, {width: this.offsetWidth, height: this.offsetHeight});
doc.body.removeChild(this);
- paper.safari();
+ o.paper.safari();
};
doc.body[appendChild](img);
img.src = isURL[1];
for (var i in this.attrs) if (this.attrs[has](i)) {
res[i] = this.attrs[i];
}
+ this._.rt.deg && (res.rotation = this.rotate());
+ (this._.sx != 1 || this._.sy != 1) && (res.scale = this.scale());
+ res.gradient && res.fill == "none" && (res.fill = res.gradient) && delete res.gradient;
return res;
}
if (arguments[length] == 1 && R.is(arguments[0], "string")) {
if (!container) {
throw new Error("SVG container not found.");
}
- paper.canvas = $("svg");
- var cnvs = paper.canvas;
- paper.width = width || 512;
- paper.height = height || 342;
+ var cnvs = $("svg");
+ width = width || 512;
+ height = height || 342;
$(cnvs, {
xmlns: "http://www.w3.org/2000/svg",
version: 1.1,
- width: paper.width,
- height: paper.height
+ width: width,
+ height: height
});
if (container == 1) {
cnvs.style.cssText = "position:absolute;left:" + x + "px;top:" + y + "px";
container[appendChild](cnvs);
}
}
- container = { canvas: cnvs };
- for (var prop in paper) if (paper[has](prop)) {
- container[prop] = paper[prop];
- }
- container.bottom = container.top = null;
+ container = new Paper;
+ container.width = width;
+ container.height = height;
+ container.canvas = cnvs;
plugins.call(container, container, R.fn);
container.clear();
- container.raphael = R;
return container;
};
- paper.clear = function () {
+ Paper[proto].clear = function () {
var c = this.canvas;
while (c.firstChild) {
c.removeChild(c.firstChild);
c[appendChild](this.desc);
c[appendChild](this.defs = $("defs"));
};
- paper.remove = function () {
+ Paper[proto].remove = function () {
this.canvas.parentNode && this.canvas.parentNode.removeChild(this.canvas);
for (var i in this) {
- delete this[i];
+ this[i] = removed(i);
}
};
}
for (var i in this.attrs) if (this.attrs[has](i)) {
res[i] = this.attrs[i];
}
+ this._.rt.deg && (res.rotation = this.rotate());
+ (this._.sx != 1 || this._.sy != 1) && (res.scale = this.scale());
+ res.gradient && res.fill == "none" && (res.fill = res.gradient) && delete res.gradient;
return res;
}
if (arguments[length] == 1 && R.is(arguments[0], "string")) {
res.setBox({x: x - r, y: y - r, width: r * 2, height: r * 2});
vml.canvas[appendChild](g);
return res;
- };
- var theRect = function (vml, x, y, w, h, r) {
+ },
+ theRect = function (vml, x, y, w, h, r) {
var g = createNode("group"),
o = createNode("roundrect"),
arcsize = (+r || 0) / (mmin(w, h));
res.setBox({x: x, y: y, width: w, height: h, r: r});
vml.canvas[appendChild](g);
return res;
- };
- var theEllipse = function (vml, x, y, rx, ry) {
+ },
+ theEllipse = function (vml, x, y, rx, ry) {
var g = createNode("group"),
o = createNode("oval"),
ol = o.style;
res.setBox({x: x - rx, y: y - ry, width: rx * 2, height: ry * 2});
vml.canvas[appendChild](g);
return res;
- };
- var theImage = function (vml, src, x, y, w, h) {
+ },
+ theImage = function (vml, src, x, y, w, h) {
var g = createNode("group"),
o = createNode("image"),
ol = o.style;
res.setBox({x: x, y: y, width: w, height: h});
vml.canvas[appendChild](g);
return res;
- };
- var theText = function (vml, x, y, text) {
+ },
+ theText = function (vml, x, y, text) {
var g = createNode("group"),
el = createNode("shape"),
ol = el.style,
res.setBox();
vml.canvas[appendChild](g);
return res;
- };
- var setSize = function (width, height) {
+ },
+ setSize = function (width, height) {
var cs = this.canvas.style;
width == +width && (width += "px");
height == +height && (height += "px");
cs.height = height;
cs.clip = "rect(0 " + width + " " + height + " 0)";
return this;
- };
+ },
+ createNode;
doc.createStyleSheet().addRule(".rvml", "behavior:url(#default#VML)");
try {
!doc.namespaces.rvml && doc.namespaces.add("rvml", "urn:schemas-microsoft-com:vml");
- var createNode = function (tagName) {
+ createNode = function (tagName) {
return doc.createElement('<rvml:' + tagName + ' class="rvml">');
};
} catch (e) {
- var createNode = function (tagName) {
+ createNode = function (tagName) {
return doc.createElement('<' + tagName + ' xmlns="urn:schemas-microsoft.com:vml" class="rvml">');
};
}
if (!container) {
throw new Error("VML container not found.");
}
- var res = {},
+ var res = new Paper,
c = res.canvas = doc.createElement("div"),
cs = c.style;
width = width || 512;
doc.body[appendChild](c);
cs.left = x + "px";
cs.top = y + "px";
- container = {
- style: {
- width: width,
- height: height
- }
- };
} else {
container.style.width = width;
container.style.height = height;
container[appendChild](c);
}
}
- for (var prop in paper) if (paper[has](prop)) {
- res[prop] = paper[prop];
- }
plugins.call(res, res, R.fn);
- res.top = res.bottom = null;
- res.raphael = R;
return res;
};
- paper.clear = function () {
+ Paper[proto].clear = function () {
this.canvas.innerHTML = E;
this.bottom = this.top = null;
};
- paper.remove = function () {
+ Paper[proto].remove = function () {
this.canvas.parentNode.removeChild(this.canvas);
for (var i in this) {
- delete this[i];
+ this[i] = removed(i);
}
};
}
// rest
// Safari or Chrome (WebKit) rendering bug workaround method
if ((/^Apple|^Google/).test(navigator.vendor) && !(navigator.userAgent.indexOf("Version/4.0") + 1)) {
- paper.safari = function () {
+ Paper[proto].safari = function () {
var rect = this.rect(-99, -99, this.width + 99, this.height + 99);
setTimeout(function () {rect.remove();});
};
} else {
- paper.safari = function () {};
+ Paper[proto].safari = function () {};
}
// Events
Element[proto].unhover = function (f_in, f_out) {
return this.unmouseover(f_in).unmouseout(f_out);
};
- paper.circle = function (x, y, r) {
+ Paper[proto].circle = function (x, y, r) {
return theCircle(this, x || 0, y || 0, r || 0);
};
- paper.rect = function (x, y, w, h, r) {
+ Paper[proto].rect = function (x, y, w, h, r) {
return theRect(this, x || 0, y || 0, w || 0, h || 0, r || 0);
};
- paper.ellipse = function (x, y, rx, ry) {
+ Paper[proto].ellipse = function (x, y, rx, ry) {
return theEllipse(this, x || 0, y || 0, rx || 0, ry || 0);
};
- paper.path = function (pathString) {
+ Paper[proto].path = function (pathString) {
pathString && !R.is(pathString, "string") && !R.is(pathString[0], "array") && (pathString += E);
return thePath(R.format[apply](R, arguments), this);
};
- paper.image = function (src, x, y, w, h) {
+ Paper[proto].image = function (src, x, y, w, h) {
return theImage(this, src || "about:blank", x || 0, y || 0, w || 0, h || 0);
};
- paper.text = function (x, y, text) {
+ Paper[proto].text = function (x, y, text) {
return theText(this, x || 0, y || 0, text || E);
};
- paper.set = function (itemsArray) {
+ Paper[proto].set = function (itemsArray) {
arguments[length] > 1 && (itemsArray = Array[proto].splice.call(arguments, 0, arguments[length]));
return new Set(itemsArray);
};
- paper.setSize = setSize;
- function scaleToString() {
+ Paper[proto].setSize = setSize;
+ Paper[proto].top = Paper[proto].bottom = null;
+ Paper[proto].raphael = R;
+ function x_y() {
return this.x + S + this.y;
};
Element[proto].scale = function (x, y, cx, cy) {
return {
x: this._.sx,
y: this._.sy,
- toString: scaleToString
+ toString: x_y
};
}
y = y || x;
case "rect":
case "image":
var neww = a.width * dirx * kx,
- newh = a.height * diry * ky,
- newr = a.r * mmin(kx, ky),
- newx = ncx - neww / 2,
- newy = ncy - newh / 2;
+ hewh = a.height * diry * ky;
this.attr({
height: newh,
- r: newr,
+ r: a.r * mmin(dirx * kx, diry * ky),
width: neww,
- x: newx,
- y: newy
+ x: ncx - neww / 2,
+ y: ncy - newh / 2
});
break;
case "circle":
dy = ncy - dim2.y - dim2.height / 2;
path[0][1] += dx;
path[0][2] += dy;
-
this.attr({path: path});
break;
}
}
return this;
};
+ Element[proto].clone = function () {
+ var attr = this.attr();
+ delete attr.scale;
+ delete attr.translation;
+ return this.paper[this.type]().attr(attr);
+ };
// animation easing formulas
R.easing_formulas = {
}
e.prev = time;
}
- R.svg && paper.safari();
+ R.svg && that.paper.safari();
animationElements[length] && setTimeout(animation);
},
upto255 = function (color) {
},
translate = function (x, y) {
if (x == null) {
- return {x: this._.tx, y: this._.ty};
+ return {x: this._.tx, y: this._.ty, toString: x_y};
}
this._.tx += +x;
this._.ty += +y;
case "path":
var pathes = path2curve(from[attr], to[attr]);
from[attr] = pathes[0];
- to[attr] = pathes[1];
+ var toPath = pathes[1];
diff[attr] = [];
for (var i = 0, ii = from[attr][length]; i < ii; i++) {
diff[attr][i] = [0];
for (var j = 1, jj = from[attr][i][length]; j < jj; j++) {
- diff[attr][i][j] = (to[attr][i][j] - from[attr][i][j]) / ms;
+ diff[attr][i][j] = (toPath[i][j] - from[attr][i][j]) / ms;
}
}
break;
}
return font;
};
- paper.getFont = function (family, weight, style, stretch) {
+ Paper[proto].getFont = function (family, weight, style, stretch) {
stretch = stretch || "normal";
style = style || "normal";
weight = +weight || {normal: 400, bold: 700, lighter: 300, bolder: 800}[weight] || 400;
}
return thefont;
};
- paper.print = function (x, y, string, font, size, origin) {
+ Paper[proto].print = function (x, y, string, font, size, origin) {
origin = origin || "middle"; // baseline|middle
var out = this.set(),
letters = (string + E)[split](E),