/*!
- * Raphael 1.3.2 - JavaScript Vector Library
+ * Raphael 1.4.0 - JavaScript Vector Library
*
- * Copyright (c) 2009 Dmitry Baranovskiy (http://raphaeljs.com)
+ * Copyright (c) 2010 Dmitry Baranovskiy (http://raphaeljs.com)
* Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license.
*/
Raphael = (function () {
+ function R() {
+ if (R.is(arguments[0], array)) {
+ var a = arguments[0],
+ cnv = create[apply](R, a.splice(0, 3 + R.is(a[0], nu))),
+ res = cnv.set();
+ for (var i = 0, ii = a[length]; i < ii; i++) {
+ var j = a[i] || {};
+ elements.test(j.type) && res[push](cnv[j.type]().attr(j));
+ }
+ return res;
+ }
+ return create[apply](R, arguments);
+ }
+ R.version = "1.4.0";
var separator = /[, ]+/,
elements = /^(circle|rect|path|ellipse|text|image)$/,
proto = "prototype",
was: Object[proto][has].call(win, "Raphael"),
is: win.Raphael
},
- R = function () {
- if (R.is(arguments[0], "array")) {
- var a = arguments[0],
- cnv = create[apply](R, a.splice(0, 3 + R.is(a[0], nu))),
- res = cnv.set();
- for (var i = 0, ii = a[length]; i < ii; i++) {
- var j = a[i] || {};
- elements.test(j.type) && res[push](cnv[j.type]().attr(j));
- }
- return res;
- }
- return create[apply](R, arguments);
- },
Paper = function () {},
appendChild = "appendChild",
apply = "apply",
concat = "concat",
+ supportsTouch = "createTouch" in doc,
E = "",
S = " ",
split = "split",
events = "click dblclick mousedown mousemove mouseout mouseover mouseup"[split](S),
+ touchMap = {
+ mousedown: "touchstart",
+ mousemove: "touchmove",
+ mouseup: "touchend"
+ },
join = "join",
length = "length",
lowerCase = String[proto].toLowerCase,
mmax = math.max,
mmin = math.min,
nu = "number",
+ string = "string",
+ array = "array",
toString = "toString",
+ fillString = "fill",
objectToString = Object[proto][toString],
paper = {},
pow = math.pow,
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,
+ colourRegExp = /^\s*((#[a-f\d]{6})|(#[a-f\d]{3})|rgba?\(\s*([\d\.]+\s*,\s*[\d\.]+\s*,\s*[\d\.]+(?:\s*,\s*[\d\.]+)?)\s*\)|rgba?\(\s*([\d\.]+%\s*,\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",
toFloat = parseFloat,
availableAttrs = {blur: 0, "clip-rect": "0 0 1e9 1e9", 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 = {along: "along", blur: nu, "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.3.2";
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 = doc.createElement("div");
R.fn = {};
R.is = function (o, type) {
type = lowerCase.call(type);
- return ((type == "object" || type == "undefined") && typeof o == type) || (o == null && type == "null") || lowerCase.call(objectToString.call(o).slice(8, -1)) == type;
+ return (type == "object" && o === Object(o)) ||
+ (type == "undefined" && typeof o == type) ||
+ (type == "null" && o == null) ||
+ lowerCase.call(objectToString.call(o).slice(8, -1)) == type;
};
+
R.setWindow = function (newwin) {
win = newwin;
doc = win.document;
green = red.g;
red = red.r;
}
- if (R.is(red, "string")) {
+ if (R.is(red, string)) {
var clr = R.getRGB(red);
red = clr.r;
green = clr.g;
}
return {h: hue, s: saturation, b: brightness, toString: hsbtoString};
}, R);
- var p2s = /,?([achlmqrstvxz]),?/gi;
+ var p2s = /,?([achlmqrstvxz]),?/gi,
+ commaSpaces = /\s*,\s*/,
+ hsrg = {hs: 1, rg: 1};
R._path2string = function () {
return this.join(",")[rp](p2s, "$1");
};
if (colour == "none") {
return {r: -1, g: -1, b: -1, hex: "none"};
}
- !(({hs: 1, rg: 1})[has](colour.substring(0, 2)) || colour.charAt() == "#") && (colour = toHex(colour));
+ !(hsrg[has](colour.substring(0, 2)) || colour.charAt() == "#") && (colour = toHex(colour));
var res,
red,
green,
blue,
+ opacity,
t,
rgb = colour.match(colourRegExp);
if (rgb) {
red = toInt((t = rgb[3].charAt(1)) + t, 16);
}
if (rgb[4]) {
- rgb = rgb[4][split](/\s*,\s*/);
+ rgb = rgb[4][split](commaSpaces);
red = toFloat(rgb[0]);
green = toFloat(rgb[1]);
blue = toFloat(rgb[2]);
+ opacity = toFloat(rgb[3]);
}
if (rgb[5]) {
- rgb = rgb[5][split](/\s*,\s*/);
+ rgb = rgb[5][split](commaSpaces);
red = toFloat(rgb[0]) * 2.55;
green = toFloat(rgb[1]) * 2.55;
blue = toFloat(rgb[2]) * 2.55;
+ opacity = toFloat(rgb[3]);
}
if (rgb[6]) {
- rgb = rgb[6][split](/\s*,\s*/);
+ rgb = rgb[6][split](commaSpaces);
red = toFloat(rgb[0]);
green = toFloat(rgb[1]);
blue = toFloat(rgb[2]);
return R.hsb2rgb(red, green, blue);
}
if (rgb[7]) {
- rgb = rgb[7][split](/\s*,\s*/);
+ rgb = rgb[7][split](commaSpaces);
red = toFloat(rgb[0]) * 2.55;
green = toFloat(rgb[1]) * 2.55;
blue = toFloat(rgb[2]) * 2.55;
g = g[rp](rg, "0");
b = b[rp](rg, "0");
rgb.hex = "#" + r + g + b;
+ isFinite(toFloat(opacity)) && (rgb.o = opacity);
return rgb;
}
return {r: -1, g: -1, b: -1, hex: "none", error: 1};
}
var paramCounts = {a: 7, c: 6, h: 1, l: 2, m: 2, q: 4, s: 4, t: 2, v: 1, z: 0},
data = [];
- if (R.is(pathString, "array") && R.is(pathString[0], "array")) { // rough assumption
+ if (R.is(pathString, array) && R.is(pathString[0], array)) { // rough assumption
data = pathClone(pathString);
}
if (!data[length]) {
}),
pathClone = function (pathArray) {
var res = [];
- if (!R.is(pathArray, "array") || !R.is(pathArray && pathArray[0], "array")) { // rough assumption
+ if (!R.is(pathArray, array) || !R.is(pathArray && pathArray[0], array)) { // rough assumption
pathArray = R.parsePathString(pathArray);
}
for (var i = 0, ii = pathArray[length]; i < ii; i++) {
return res;
},
pathToRelative = cacher(function (pathArray) {
- if (!R.is(pathArray, "array") || !R.is(pathArray && pathArray[0], "array")) { // rough assumption
+ if (!R.is(pathArray, array) || !R.is(pathArray && pathArray[0], array)) { // rough assumption
pathArray = R.parsePathString(pathArray);
}
var res = [],
return res;
}, 0, pathClone),
pathToAbsolute = cacher(function (pathArray) {
- if (!R.is(pathArray, "array") || !R.is(pathArray && pathArray[0], "array")) { // rough assumption
+ if (!R.is(pathArray, array) || !R.is(pathArray && pathArray[0], array)) { // rough assumption
pathArray = R.parsePathString(pathArray);
}
var res = [],
}),
getContainer = function (x, y, w, h) {
var container;
- if (R.is(x, "string") || R.is(x, "object")) {
- container = R.is(x, "string") ? doc.getElementById(x) : x;
+ if (R.is(x, string) || R.is(x, "object")) {
+ container = R.is(x, string) ? doc.getElementById(x) : x;
if (container.tagName) {
if (y == null) {
return {
return {container: container, width: y, height: w};
}
}
- } else if (R.is(x, nu) && h != null) {
+ } else {
return {container: 1, x: x, y: y, width: w, height: h};
}
},
round = function (num) {
return +num + (~~num === num) * .5;
};
- var roundPath = function (path) {
- for (var i = 0, ii = path[length]; i < ii; i++) {
- if (lowerCase.call(path[i][0]) != "a") {
- for (var j = 1, jj = path[i][length]; j < jj; j++) {
- path[i][j] = round(path[i][j]);
- }
- } else {
- path[i][6] = round(path[i][6]);
- path[i][7] = round(path[i][7]);
- }
- }
- return path;
- },
- $ = function (el, attr) {
+ var $ = function (el, attr) {
if (attr) {
for (var key in attr) {
if (attr[has](key)) {
}
}
} else {
- return doc.createElementNS(Paper[proto].svgns, el);
+ el = doc.createElementNS(Paper[proto].svgns, el);
+ el.style.webkitTapHighlightColor = "rgba(0,0,0,0)";
+ return el;
}
};
R[toString] = function () {
if (!dots) {
return null;
}
- var id = o.getAttribute("fill");
+ var id = o.getAttribute(fillString);
id = id.match(/^url\(#(.*)\)$/);
id && SVG.defs.removeChild(doc.getElementById(id[1]));
case "rotation":
o.rotate(value, true);
break;
- // Hyperlink
case "href":
case "title":
case "target":
break;
case "path":
if (o.type == "path") {
- $(node, {d: value ? attrs.path = roundPath(pathToAbsolute(value)) : "M0,0"});
+ $(node, {d: value ? attrs.path = pathToAbsolute(value) : "M0,0"});
}
break;
case "width":
xy = (value + E)[split](separator);
o.scale(+xy[0] || 1, +xy[1] || +xy[0] || 1, isNaN(toFloat(xy[2])) ? null : +xy[2], isNaN(toFloat(xy[3])) ? null : +xy[3]);
break;
- case "fill":
+ case fillString:
var isURL = (value + E).match(ISURL);
if (isURL) {
el = $("pattern");
o.pattern && updatePosition(o);
break;
}
- if (!R.getRGB(value).error) {
+ var clr = R.getRGB(value);
+ if (!clr.error) {
delete params.gradient;
delete attrs.gradient;
!R.is(attrs.opacity, "undefined") &&
attrs.fill = "none";
break;
}
+ clr[has]("o") && $(node, {"fill-opacity": clr.o / 100});
case "stroke":
- node[setAttribute](att, R.getRGB(value).hex);
+ clr = R.getRGB(value);
+ node[setAttribute](att, clr.hex);
+ att == "stroke" && clr[has]("o") && $(node, {"stroke-opacity": clr.o / 100});
break;
case "gradient":
(({circle: 1, ellipse: 1})[has](o.type) || (value + E).charAt() != "r") && addGradientFill(node, value, o.paper);
case "opacity":
case "fill-opacity":
if (attrs.gradient) {
- var gradient = doc.getElementById(node.getAttribute("fill")[rp](/^url\(#|\)$/g, E));
+ var gradient = doc.getElementById(node.getAttribute(fillString)[rp](/^url\(#|\)$/g, E));
if (gradient) {
var stops = gradient.getElementsByTagName("stop");
stops[stops[length] - 1][setAttribute]("stop-opacity", value);
res.gradient && res.fill == "none" && (res.fill = res.gradient) && delete res.gradient;
return res;
}
- if (value == null && R.is(name, "string")) {
+ if (value == null && R.is(name, string)) {
if (name == "translation") {
return translate.call(this);
}
if (name == "scale") {
return this.scale();
}
- if (name == "fill" && this.attrs.fill == "none" && this.attrs.gradient) {
+ if (name == fillString && this.attrs.fill == "none" && this.attrs.gradient) {
return this.attrs.gradient;
}
return this.attrs[name];
}
- if (value == null && R.is(name, "array")) {
+ if (value == null && R.is(name, array)) {
var values = {};
for (var j = 0, jj = name.length; j < jj; j++) {
values[name[j]] = this.attr(name[j]);
throw new Error("SVG container not found.");
}
var cnvs = $("svg");
+ x = x || 0;
+ y = y || 0;
width = width || 512;
height = height || 342;
$(cnvs, {
params["stroke-linejoin"] != null ||
params["stroke-linecap"] != null) {
node = o.shape || node;
- var fill = (node.getElementsByTagName("fill") && node.getElementsByTagName("fill")[0]),
+ var fill = (node.getElementsByTagName(fillString) && node.getElementsByTagName(fillString)[0]),
newfill = false;
- !fill && (newfill = fill = createNode("fill"));
+ !fill && (newfill = fill = createNode(fillString));
if ("fill-opacity" in params || "opacity" in params) {
- var opacity = ((+a["fill-opacity"] + 1 || 2) - 1) * ((+a.opacity + 1 || 2) - 1);
+ var opacity = ((+a["fill-opacity"] + 1 || 2) - 1) * ((+a.opacity + 1 || 2) - 1) * ((+R.getRGB(params.fill).o + 1 || 2) - 1);
opacity < 0 && (opacity = 0);
opacity > 1 && (opacity = 1);
fill.opacity = opacity;
stroke.on = true;
}
(params.stroke == "none" || stroke.on == null || params.stroke == 0 || params["stroke-width"] == 0) && (stroke.on = false);
- stroke.on && params.stroke && (stroke.color = R.getRGB(params.stroke).hex);
- opacity = ((+a["stroke-opacity"] + 1 || 2) - 1) * ((+a.opacity + 1 || 2) - 1);
+ var strokeColor = R.getRGB(params.stroke);
+ stroke.on && params.stroke && (stroke.color = strokeColor.hex);
+ opacity = ((+a["stroke-opacity"] + 1 || 2) - 1) * ((+a.opacity + 1 || 2) - 1) * ((+strokeColor.o + 1 || 2) - 1);
var width = (toFloat(params["stroke-width"]) || 1) * .75;
opacity < 0 && (opacity = 0);
opacity > 1 && (opacity = 1);
addGradientFill = function (o, gradient) {
o.attrs = o.attrs || {};
var attrs = o.attrs,
- fill = o.node.getElementsByTagName("fill"),
+ fill,
type = "linear",
fxfy = ".5 .5";
o.attrs.gradient = gradient;
return null;
}
o = o.shape || o.node;
- fill = fill[0] || createNode("fill");
+ fill = o.getElementsByTagName(fillString)[0] || createNode(fillString);
+ !fill.parentNode && o.appendChild(fill);
if (dots[length]) {
fill.on = true;
fill.method = "none";
- fill.type = (type == "radial") ? "gradientradial" : "gradient";
fill.color = dots[0].color;
fill.color2 = dots[dots[length] - 1].color;
var clrs = [];
for (var i = 0, ii = dots[length]; i < ii; i++) {
dots[i].offset && clrs[push](dots[i].offset + S + dots[i].color);
}
- fill.colors && (fill.colors.value = clrs[length] ? clrs[join](",") : "0% " + fill.color);
+ fill.colors && (fill.colors.value = clrs[length] ? clrs[join]() : "0% " + fill.color);
if (type == "radial") {
+ fill.type = "gradientradial";
fill.focus = "100%";
fill.focussize = fxfy;
fill.focusposition = fxfy;
} else {
+ fill.type = "gradient";
fill.angle = (270 - angle) % 360;
}
}
this.setBox(this.attrs, cx, cy);
this.Group.style.rotation = this._.rt.deg;
// gradient fix for rotation. TODO
- // var fill = (this.shape || this.node).getElementsByTagName("fill");
+ // var fill = (this.shape || this.node).getElementsByTagName(fillString);
// fill = fill[0] || {};
// var b = ((360 - this._.rt.deg) - 270) % 360;
// !R.is(fill.angle, "undefined") && (fill.angle = b);
}
delete a.scale;
this.attr(a);
- if (this.events) for (; i < ii; i++) {
+ if (this.events) for (i = 0; i < ii; i++) {
this.events[i].unbind = addEvent(this.node, this.events[i].name, this.events[i].f, this);
}
}
res.gradient && res.fill == "none" && (res.fill = res.gradient) && delete res.gradient;
return res;
}
- if (value == null && R.is(name, "string")) {
+ if (value == null && R.is(name, string)) {
if (name == "translation") {
return translate.call(this);
}
if (name == "scale") {
return this.scale();
}
- if (name == "fill" && this.attrs.fill == "none" && this.attrs.gradient) {
+ if (name == fillString && this.attrs.fill == "none" && this.attrs.gradient) {
return this.attrs.gradient;
}
return this.attrs[name];
}
- if (this.attrs && value == null && R.is(name, "array")) {
+ if (this.attrs && value == null && R.is(name, array)) {
var ii, values = {};
for (i = 0, ii = name[length]; i < ii; i++) {
values[name[i]] = this.attr(name[i]);
var res = new Paper,
c = res.canvas = doc.createElement("div"),
cs = c.style;
+ x = x || 0;
+ y = y || 0;
width = width || 512;
height = height || 342;
width == +width && (width += "px");
res.span = doc.createElement("span");
res.span.style.cssText = "position:absolute;left:-9999em;top:-9999em;padding:0;margin:0;line-height:1;display:inline;";
c[appendChild](res.span);
- cs.cssText = R.format("width:{0};height:{1};position:absolute;clip:rect(0 {0} {1} 0);overflow:hidden", width, height);
+ cs.cssText = R.format("width:{0};height:{1};display:inline-block;position:relative;clip:rect(0 {0} {1} 0);overflow:hidden", width, height);
if (container == 1) {
doc.body[appendChild](c);
cs.left = x + "px";
cs.top = y + "px";
} else {
- container.style.width = width;
- container.style.height = height;
if (container.firstChild) {
container.insertBefore(c, container.firstChild);
} else {
// rest
// Safari or Chrome (WebKit) rendering bug workaround method
- if ((/^Apple|^Google/).test(win.navigator.vendor) && !(win.navigator.userAgent.indexOf("Version/4.0") + 1)) {
+ if ((/^Apple|^Google/).test(win.navigator.vendor) && (!(win.navigator.userAgent.indexOf("Version/4.0") + 1) || win.navigator.platform.slice(0, 2) == "iP")) {
Paper[proto].safari = function () {
var rect = this.rect(-99, -99, this.width + 99, this.height + 99);
win.setTimeout(function () {rect.remove();});
if (doc.addEventListener) {
return function (obj, type, fn, element) {
var f = function (e) {
+ if (e.touches) {
+ for (var i = 0, ii = e.touches.length; i < ii; i++) {
+ if (e.touches[i].target == obj) {
+ var olde = e;
+ e = e.touches[i];
+ e.originalEvent = e;
+ }
+ }
+ }
return fn.call(element, e);
};
obj.addEventListener(type, f, false);
})();
for (var i = events[length]; i--;) {
(function (eventName) {
- Element[proto][eventName] = function (fn) {
+ R[eventName] = Element[proto][eventName] = function (fn) {
if (R.is(fn, "function")) {
+ var realName = supportsTouch && touchMap[eventName] ? touchMap[eventName] : eventName;
this.events = this.events || [];
- this.events.push({name: eventName, f: fn, unbind: addEvent(this.shape || this.node, eventName, fn, this)});
+ this.events.push({name: eventName, f: fn, unbind: addEvent(this.shape || this.node || doc, realName, fn, this)});
}
return this;
};
- Element[proto]["un" + eventName] = function (fn) {
+ R["un" + eventName] = Element[proto]["un" + eventName] = function (fn) {
var events = this.events,
l = events[length];
while (l--) if (events[l].name == eventName && events[l].f == fn) {
Element[proto].unhover = function (f_in, f_out) {
return this.unmouseover(f_in).unmouseout(f_out);
};
+ Element[proto].drag = function (start, f, end) {
+ this._drag = {};
+ var el = this.mousedown(function (e) {
+ this._drag.x = e.clientX;
+ this._drag.y = e.clientY;
+ this._drag.id = e.identifier;
+ start && start.call(this, e.clientX, e.clientY);
+ Raphael.mousemove(move).mouseup(up);
+ }),
+ move = function (e) {
+ if (e.changedTouches) {
+ for (var i = 0, ii = e.changedTouches.length; i < ii; i++) {
+ var touch = e.changedTouches[i];
+ if (touch.identifier == el._drag.id) {
+ f.call(el, touch.clientX - el._drag.x, touch.clientY - el._drag.y);
+ e.preventDefault();
+ }
+ }
+ } else {
+ f.call(el, e.clientX - el._drag.x, e.clientY - el._drag.y);
+ e.preventDefault();
+ }
+ },
+ up = function (e) {
+ if (e.changedTouches) {
+ for (var i = 0, ii = e.changedTouches.length; i < ii; i++) {
+ if (e.changedTouches[i].identifier == el._drag.id) {
+ Raphael.unmousemove(move).unmouseup(up);
+ end && end.call(el);
+ }
+ }
+ } else {
+ Raphael.unmousemove(move).unmouseup(up);
+ end && end.call(el);
+ }
+ };
+ };
Paper[proto].circle = function (x, y, r) {
return theCircle(this, x || 0, y || 0, r || 0);
};
return theEllipse(this, x || 0, y || 0, rx || 0, ry || 0);
};
Paper[proto].path = function (pathString) {
- pathString && !R.is(pathString, "string") && !R.is(pathString[0], "array") && (pathString += E);
+ pathString && !R.is(pathString, string) && !R.is(pathString[0], array) && (pathString += E);
return thePath(R.format[apply](R, arguments), this);
};
Paper[proto].image = function (src, x, y, w, h) {
function x_y() {
return this.x + S + this.y;
}
+ Element[proto].resetScale = function () {
+ if (this.removed) {
+ return this;
+ }
+ this._.sx = 1;
+ this._.sy = 1;
+ this.attrs.scale = "1 1";
+ };
Element[proto].scale = function (x, y, cx, cy) {
+ if (this.removed) {
+ return this;
+ }
if (x == null && y == null) {
return {
x: this._.sx,
cy: ncy
});
break;
+ case "text":
+ this.attr({
+ x: ncx,
+ y: ncy
+ });
+ break;
case "path":
var path = pathToRelative(a.path),
skip = true;
getSubpathsAtLength = getLengthFactory(0, 1);
Element[proto].getTotalLength = function () {
if (this.type != "path") {return;}
+ if (this.node.getTotalLength) {
+ return this.node.getTotalLength();
+ }
return getTotalLength(this.attrs.path);
};
Element[proto].getPointAtLength = function (length) {
return l;
}
};
-
+
var animationElements = {length : 0},
animation = function () {
var Now = +new Date;
that.translate(point.x - diff.sx, point.y - diff.sy);
to.rot && that.rotate(diff.r + point.alpha, point.x, point.y);
break;
- case "number":
+ case nu:
now = +from[attr] + pos * ms * diff[attr];
break;
case "colour":
}
e.prev = time;
}
- R.svg && that && that.paper.safari();
+ R.svg && that && that.paper && that.paper.safari();
animationElements[length] && win.setTimeout(animation);
},
upto255 = function (color) {
- return color > 255 ? 255 : (color < 0 ? 0 : color);
+ return mmax(mmin(color, 255), 0);
},
translate = function (x, y) {
if (x == null) {
to.len = len;
params.rot && (diff.r = toFloat(this.rotate()) || 0);
break;
- case "number":
+ case nu:
diff[attr] = (to[attr] - from[attr]) / ms;
break;
case "colour":
var Set = function (items) {
this.items = [];
this[length] = 0;
+ this.type = "set";
if (items) {
for (var i = 0, ii = items[length]; i < ii; i++) {
if (items[i] && (items[i].constructor == Element || items[i].constructor == Set)) {
})(method);
}
Set[proto].attr = function (name, value) {
- if (name && R.is(name, "array") && R.is(name[0], "object")) {
+ if (name && R.is(name, array) && R.is(name[0], "object")) {
for (var j = 0, jj = name[length]; j < jj; j++) {
this.items[j].attr(name[j]);
}
stretch = stretch || "normal";
style = style || "normal";
weight = +weight || {normal: 400, bold: 700, lighter: 300, bolder: 800}[weight] || 400;
+ if (!R.fonts) {
+ return;
+ }
var font = R.fonts[family];
if (!font) {
var name = new RegExp("(^|\\s)" + family[rp](/[^\w\d\s+!~.:_-]/g, E) + "(\\s|$)", "i");
shift = 0,
path = E,
scale;
- R.is(font, "string") && (font = this.getFont(font));
+ R.is(font, string) && (font = this.getFont(font));
if (font) {
scale = (size || 16) / font.face["units-per-em"];
var bb = font.face.bbox.split(separator),
var formatrg = /\{(\d+)\}/g;
R.format = function (token, array) {
- var args = R.is(array, "array") ? [0][concat](array) : arguments;
- token && R.is(token, "string") && args[length] - 1 && (token = token[rp](formatrg, function (str, i) {
+ var args = R.is(array, array) ? [0][concat](array) : arguments;
+ token && R.is(token, string) && args[length] - 1 && (token = token[rp](formatrg, function (str, i) {
return args[++i] == null ? E : args[i];
}));
return token || E;
projects / raphael / commitdiff