Skip to content

殷洪（管理员） / raphael

Go to a project
Commit 9ae9af88 by Dmitry Baranovskiy
Options

Fixes 

• colour parsing • adding Catmull-Rom spline to the path string
(http://schepers.cc/getting-to-the-point) • fixed animation if keyframes
are in format "XX" • added documentation for Element.path • fixed bug
with image in VML
parent 33587eb2
Showing with 180 additions and 52 deletions
raphael-min.js
This source diff could not be displayed because it is too large. You can view the blob instead.
raphael.core.js
...@@ -131,14 +131,13 @@ ...@@ -131,14 +131,13 @@
paper = {}, paper = {},
push = "push", push = "push",
ISURL = R._ISURL = /^url\(['"]?([^\)]+?)['"]?\)$/i, ISURL = R._ISURL = /^url\(['"]?([^\)]+?)['"]?\)$/i,
colourRegExp = /^\s*((#[a-f\d]{6})|(#[a-f\d]{3})|rgba?\(\s*([\d\.]+%?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?)%?\s*\)|hsba?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?)%?\s*\)|hsla?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\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*\)|hsba?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?)%?\s*\)|hsla?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?)%?\s*\))\s*$/i,
isnan = {"NaN": 1, "Infinity": 1, "-Infinity": 1}, isnan = {"NaN": 1, "Infinity": 1, "-Infinity": 1},
bezierrg = /^(?:cubic-)?bezier\(([^,]+),([^,]+),([^,]+),([^\)]+)\)/, bezierrg = /^(?:cubic-)?bezier\(([^,]+),([^,]+),([^,]+),([^\)]+)\)/,
round = math.round, round = math.round,
setAttribute = "setAttribute", setAttribute = "setAttribute",
toFloat = parseFloat, toFloat = parseFloat,
toInt = parseInt, toInt = parseInt,
ms = " progid:DXImageTransform.Microsoft",
upperCase = Str.prototype.toUpperCase, upperCase = Str.prototype.toUpperCase,
availableAttrs = R._availableAttrs = { availableAttrs = R._availableAttrs = {
"arrow-end": "none", "arrow-end": "none",
...@@ -213,7 +212,7 @@ ...@@ -213,7 +212,7 @@
return a.key - b.key; return a.key - b.key;
}, },
sortByNumber = function (a, b) { sortByNumber = function (a, b) {
return a - b; return toFloat(a) - toFloat(b);
}, },
fun = function () {}, fun = function () {},
pipe = function (x) { pipe = function (x) {
...@@ -990,6 +989,32 @@ ...@@ -990,6 +989,32 @@
delete this.start; delete this.start;
}; };
// http://schepers.cc/getting-to-the-point
function catmullRom2bezier(crp) {
var d = [];
for (var i = 0, iLen = crp.length; iLen - 2 > i; i += 2) {
var p = [{x: +crp[i], y: +crp[i + 1]},
{x: +crp[i], y: +crp[i + 1]},
{x: +crp[i + 2], y: +crp[i + 3]},
{x: +crp[i + 4], y: +crp[i + 5]}];
if (iLen - 4 == i) {
p[0] = {x: +crp[i - 2], y: +crp[i - 1]};
p[3] = p[2];
} else if (i) {
p[0] = {x: +crp[i - 2], y: +crp[i - 1]};
}
d.push(["C",
(-p[0].x + 6 * p[1].x + p[2].x) / 6,
(-p[0].y + 6 * p[1].y + p[2].y) / 6,
(p[1].x + 6 * p[2].x - p[3].x) / 6,
(p[1].y + 6*p[2].y - p[3].y) / 6,
p[2].x,
p[2].y
]);
}
return d;
}
/*\ /*\
* Raphael.parsePathString * Raphael.parsePathString
[ method ] [ method ]
...@@ -1013,7 +1038,7 @@ ...@@ -1013,7 +1038,7 @@
if (!data.length) { if (!data.length) {
Str(pathString).replace(pathCommand, function (a, b, c) { Str(pathString).replace(pathCommand, function (a, b, c) {
var params = [], var params = [],
name = lowerCase.call(b); name = b.toLowerCase();
c.replace(pathValues, function (a, b) { c.replace(pathValues, function (a, b) {
b && params.push(+b); b && params.push(+b);
}); });
...@@ -1022,7 +1047,9 @@ ...@@ -1022,7 +1047,9 @@
name = "l"; name = "l";
b = b == "m" ? "l" : "L"; b = b == "m" ? "l" : "L";
} }
while (params.length >= paramCounts[name]) { if (name == "r") {
data.push([b][concat](params));
} else while (params.length >= paramCounts[name]) {
data.push([b][concat](params.splice(0, paramCounts[name]))); data.push([b][concat](params.splice(0, paramCounts[name])));
if (!paramCounts[name]) { if (!paramCounts[name]) {
break; break;
...@@ -1284,9 +1311,9 @@ ...@@ -1284,9 +1311,9 @@
start++; start++;
res[0] = ["M", x, y]; res[0] = ["M", x, y];
} }
for (var i = start, ii = pathArray.length; i < ii; i++) { for (var r, pa, i = start, ii = pathArray.length; i < ii; i++) {
var r = res[i] = [], res.push(r = []);
pa = pathArray[i]; pa = pathArray[i];
if (pa[0] != upperCase.call(pa[0])) { if (pa[0] != upperCase.call(pa[0])) {
r[0] = upperCase.call(pa[0]); r[0] = upperCase.call(pa[0]);
switch (r[0]) { switch (r[0]) {
...@@ -1305,17 +1332,31 @@ ...@@ -1305,17 +1332,31 @@
case "H": case "H":
r[1] = +pa[1] + x; r[1] = +pa[1] + x;
break; break;
case "R":
var dots = [x, y][concat](pa.slice(1));
for (var j = 2, jj = dots.length; j < jj; j++) {
dots[j] = +dots[j] + x;
dots[++j] = +dots[j] + y;
}
res.pop();
res = res[concat](catmullRom2bezier(dots));
break;
case "M": case "M":
mx = +pa[1] + x; mx = +pa[1] + x;
my = +pa[2] + y; my = +pa[2] + y;
default: default:
for (var j = 1, jj = pa.length; j < jj; j++) { for (j = 1, jj = pa.length; j < jj; j++) {
r[j] = +pa[j] + ((j % 2) ? x : y); r[j] = +pa[j] + ((j % 2) ? x : y);
} }
} }
} else if (pa[0] == "R") {
dots = [x, y][concat](pa.slice(1));
res.pop();
res = res[concat](catmullRom2bezier(dots));
r = ["R"][concat](pa.slice(-2));
} else { } else {
for (var k = 0, kk = pa.length; k < kk; k++) { for (var k = 0, kk = pa.length; k < kk; k++) {
res[i][k] = pa[k]; r[k] = pa[k];
} }
} }
switch (r[0]) { switch (r[0]) {
...@@ -1330,11 +1371,11 @@ ...@@ -1330,11 +1371,11 @@
y = r[1]; y = r[1];
break; break;
case "M": case "M":
mx = res[i][res[i].length - 2]; mx = r[r.length - 2];
my = res[i][res[i].length - 1]; my = r[r.length - 1];
default: default:
x = res[i][res[i].length - 2]; x = r[r.length - 2];
y = res[i][res[i].length - 1]; y = r[r.length - 1];
} }
} }
res.toString = R._path2string; res.toString = R._path2string;
...@@ -3574,16 +3615,18 @@ ...@@ -3574,16 +3615,18 @@
return this; return this;
}; };
function Animation(anim, ms) { function Animation(anim, ms) {
var percents = []; var percents = [],
this.anim = anim; newAnim = {};
this.ms = ms; this.ms = ms;
this.times = 1; this.times = 1;
if (this.anim) { if (anim) {
for (var attr in this.anim) if (this.anim[has](attr)) { for (var attr in anim) if (anim[has](attr)) {
percents.push(+attr); newAnim[toFloat(attr)] = anim[attr];
percents.push(toFloat(attr));
} }
percents.sort(sortByNumber); percents.sort(sortByNumber);
} }
this.anim = newAnim;
this.top = percents[percents.length - 1]; this.top = percents[percents.length - 1];
this.percents = percents; this.percents = percents;
} }
...@@ -3858,7 +3901,7 @@ ...@@ -3858,7 +3901,7 @@
var p = {}, var p = {},
json, json,
attr; attr;
for (attr in params) if (params[has](attr) && toFloat(attr) != attr) { for (attr in params) if (params[has](attr) && toFloat(attr) != attr && toFloat(attr) + "%" != attr) {
json = true; json = true;
p[attr] = params[attr]; p[attr] = params[attr];
} }
......
raphael.js
...@@ -289,14 +289,13 @@ ...@@ -289,14 +289,13 @@
paper = {}, paper = {},
push = "push", push = "push",
ISURL = R._ISURL = /^url\(['"]?([^\)]+?)['"]?\)$/i, ISURL = R._ISURL = /^url\(['"]?([^\)]+?)['"]?\)$/i,
colourRegExp = /^\s*((#[a-f\d]{6})|(#[a-f\d]{3})|rgba?\(\s*([\d\.]+%?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?)%?\s*\)|hsba?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?)%?\s*\)|hsla?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\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*\)|hsba?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?)%?\s*\)|hsla?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?)%?\s*\))\s*$/i,
isnan = {"NaN": 1, "Infinity": 1, "-Infinity": 1}, isnan = {"NaN": 1, "Infinity": 1, "-Infinity": 1},
bezierrg = /^(?:cubic-)?bezier\(([^,]+),([^,]+),([^,]+),([^\)]+)\)/, bezierrg = /^(?:cubic-)?bezier\(([^,]+),([^,]+),([^,]+),([^\)]+)\)/,
round = math.round, round = math.round,
setAttribute = "setAttribute", setAttribute = "setAttribute",
toFloat = parseFloat, toFloat = parseFloat,
toInt = parseInt, toInt = parseInt,
ms = " progid:DXImageTransform.Microsoft",
upperCase = Str.prototype.toUpperCase, upperCase = Str.prototype.toUpperCase,
availableAttrs = R._availableAttrs = { availableAttrs = R._availableAttrs = {
"arrow-end": "none", "arrow-end": "none",
...@@ -371,7 +370,7 @@ ...@@ -371,7 +370,7 @@
return a.key - b.key; return a.key - b.key;
}, },
sortByNumber = function (a, b) { sortByNumber = function (a, b) {
return a - b; return toFloat(a) - toFloat(b);
}, },
fun = function () {}, fun = function () {},
pipe = function (x) { pipe = function (x) {
...@@ -879,6 +878,32 @@ ...@@ -879,6 +878,32 @@
delete this.start; delete this.start;
}; };
// http://schepers.cc/getting-to-the-point
function catmullRom2bezier(crp) {
var d = [];
for (var i = 0, iLen = crp.length; iLen - 2 > i; i += 2) {
var p = [{x: +crp[i], y: +crp[i + 1]},
{x: +crp[i], y: +crp[i + 1]},
{x: +crp[i + 2], y: +crp[i + 3]},
{x: +crp[i + 4], y: +crp[i + 5]}];
if (iLen - 4 == i) {
p[0] = {x: +crp[i - 2], y: +crp[i - 1]};
p[3] = p[2];
} else if (i) {
p[0] = {x: +crp[i - 2], y: +crp[i - 1]};
}
d.push(["C",
(-p[0].x + 6 * p[1].x + p[2].x) / 6,
(-p[0].y + 6 * p[1].y + p[2].y) / 6,
(p[1].x + 6 * p[2].x - p[3].x) / 6,
(p[1].y + 6*p[2].y - p[3].y) / 6,
p[2].x,
p[2].y
]);
}
return d;
}
R.parsePathString = cacher(function (pathString) { R.parsePathString = cacher(function (pathString) {
if (!pathString) { if (!pathString) {
...@@ -892,7 +917,7 @@ ...@@ -892,7 +917,7 @@
if (!data.length) { if (!data.length) {
Str(pathString).replace(pathCommand, function (a, b, c) { Str(pathString).replace(pathCommand, function (a, b, c) {
var params = [], var params = [],
name = lowerCase.call(b); name = b.toLowerCase();
c.replace(pathValues, function (a, b) { c.replace(pathValues, function (a, b) {
b && params.push(+b); b && params.push(+b);
}); });
...@@ -901,7 +926,9 @@ ...@@ -901,7 +926,9 @@
name = "l"; name = "l";
b = b == "m" ? "l" : "L"; b = b == "m" ? "l" : "L";
} }
while (params.length >= paramCounts[name]) { if (name == "r") {
data.push([b][concat](params));
} else while (params.length >= paramCounts[name]) {
data.push([b][concat](params.splice(0, paramCounts[name]))); data.push([b][concat](params.splice(0, paramCounts[name])));
if (!paramCounts[name]) { if (!paramCounts[name]) {
break; break;
...@@ -1114,9 +1141,9 @@ ...@@ -1114,9 +1141,9 @@
start++; start++;
res[0] = ["M", x, y]; res[0] = ["M", x, y];
} }
for (var i = start, ii = pathArray.length; i < ii; i++) { for (var r, pa, i = start, ii = pathArray.length; i < ii; i++) {
var r = res[i] = [], res.push(r = []);
pa = pathArray[i]; pa = pathArray[i];
if (pa[0] != upperCase.call(pa[0])) { if (pa[0] != upperCase.call(pa[0])) {
r[0] = upperCase.call(pa[0]); r[0] = upperCase.call(pa[0]);
switch (r[0]) { switch (r[0]) {
...@@ -1135,17 +1162,31 @@ ...@@ -1135,17 +1162,31 @@
case "H": case "H":
r[1] = +pa[1] + x; r[1] = +pa[1] + x;
break; break;
case "R":
var dots = [x, y][concat](pa.slice(1));
for (var j = 2, jj = dots.length; j < jj; j++) {
dots[j] = +dots[j] + x;
dots[++j] = +dots[j] + y;
}
res.pop();
res = res[concat](catmullRom2bezier(dots));
break;
case "M": case "M":
mx = +pa[1] + x; mx = +pa[1] + x;
my = +pa[2] + y; my = +pa[2] + y;
default: default:
for (var j = 1, jj = pa.length; j < jj; j++) { for (j = 1, jj = pa.length; j < jj; j++) {
r[j] = +pa[j] + ((j % 2) ? x : y); r[j] = +pa[j] + ((j % 2) ? x : y);
} }
} }
} else if (pa[0] == "R") {
dots = [x, y][concat](pa.slice(1));
res.pop();
res = res[concat](catmullRom2bezier(dots));
r = ["R"][concat](pa.slice(-2));
} else { } else {
for (var k = 0, kk = pa.length; k < kk; k++) { for (var k = 0, kk = pa.length; k < kk; k++) {
res[i][k] = pa[k]; r[k] = pa[k];
} }
} }
switch (r[0]) { switch (r[0]) {
...@@ -1160,11 +1201,11 @@ ...@@ -1160,11 +1201,11 @@
y = r[1]; y = r[1];
break; break;
case "M": case "M":
mx = res[i][res[i].length - 2]; mx = r[r.length - 2];
my = res[i][res[i].length - 1]; my = r[r.length - 1];
default: default:
x = res[i][res[i].length - 2]; x = r[r.length - 2];
y = res[i][res[i].length - 1]; y = r[r.length - 1];
} }
} }
res.toString = R._path2string; res.toString = R._path2string;
...@@ -2621,16 +2662,18 @@ ...@@ -2621,16 +2662,18 @@
return this; return this;
}; };
function Animation(anim, ms) { function Animation(anim, ms) {
var percents = []; var percents = [],
this.anim = anim; newAnim = {};
this.ms = ms; this.ms = ms;
this.times = 1; this.times = 1;
if (this.anim) { if (anim) {
for (var attr in this.anim) if (this.anim[has](attr)) { for (var attr in anim) if (anim[has](attr)) {
percents.push(+attr); newAnim[toFloat(attr)] = anim[attr];
percents.push(toFloat(attr));
} }
percents.sort(sortByNumber); percents.sort(sortByNumber);
} }
this.anim = newAnim;
this.top = percents[percents.length - 1]; this.top = percents[percents.length - 1];
this.percents = percents; this.percents = percents;
} }
...@@ -2868,7 +2911,7 @@ ...@@ -2868,7 +2911,7 @@
var p = {}, var p = {},
json, json,
attr; attr;
for (attr in params) if (params[has](attr) && toFloat(attr) != attr) { for (attr in params) if (params[has](attr) && toFloat(attr) != attr && toFloat(attr) + "%" != attr) {
json = true; json = true;
p[attr] = params[attr]; p[attr] = params[attr];
} }
...@@ -3925,6 +3968,7 @@ window.Raphael.svg && function (R) { ...@@ -3925,6 +3968,7 @@ window.Raphael.svg && function (R) {
Element.prototype = elproto; Element.prototype = elproto;
elproto.constructor = Element; elproto.constructor = Element;
R._engine.path = function (pathString, SVG) { R._engine.path = function (pathString, SVG) {
var el = $("path"); var el = $("path");
SVG.canvas && SVG.canvas.appendChild(el); SVG.canvas && SVG.canvas.appendChild(el);
...@@ -4391,16 +4435,16 @@ window.Raphael.vml && function (R) { ...@@ -4391,16 +4435,16 @@ window.Raphael.vml && function (R) {
fillString = "fill", fillString = "fill",
separator = /[, ]+/, separator = /[, ]+/,
eve = R.eve, eve = R.eve,
ms = " progid:DXImageTransform.Microsoft",
S = " ", S = " ",
E = ""; E = "",
// VML map = {M: "m", L: "l", C: "c", Z: "x", m: "t", l: "r", c: "v", z: "x"},
var map = {M: "m", L: "l", C: "c", Z: "x", m: "t", l: "r", c: "v", z: "x"},
bites = /([clmz]),?([^clmz]*)/gi, bites = /([clmz]),?([^clmz]*)/gi,
blurregexp = / progid:\S+Blur\([^\)]+\)/g, blurregexp = / progid:\S+Blur\([^\)]+\)/g,
val = /-?[^,\s-]+/g, val = /-?[^,\s-]+/g,
cssDot = "position:absolute;left:0;top:0;width:1px;height:1px", cssDot = "position:absolute;left:0;top:0;width:1px;height:1px",
zoom = 21600, zoom = 21600,
pathTypes = {path: 1, rect: 1}, pathTypes = {path: 1, rect: 1, image: 1},
ovalTypes = {circle: 1, ellipse: 1}, ovalTypes = {circle: 1, ellipse: 1},
path2vml = function (path) { path2vml = function (path) {
var total = /[ahqstv]/ig, var total = /[ahqstv]/ig,
...@@ -4540,10 +4584,16 @@ window.Raphael.vml && function (R) { ...@@ -4540,10 +4584,16 @@ window.Raphael.vml && function (R) {
params.target && (node.target = params.target); params.target && (node.target = params.target);
params.cursor && (s.cursor = params.cursor); params.cursor && (s.cursor = params.cursor);
"blur" in params && o.blur(params.blur); "blur" in params && o.blur(params.blur);
"transform" in params && o.transform(params.transform);
if (params.path && o.type == "path" || newpath) { if (params.path && o.type == "path" || newpath) {
node.path = path2vml(a.path); // node.path = path2vml(a.path);
node.path = path2vml(~Str(a.path).toLowerCase().indexOf("r") ? R._pathToAbsolute(a.path) : a.path);
if (o.type == "image") {
o._.fillpos = [a.x, a.y];
o._.fillsize = [a.width, a.height];
setCoords(o, 1, 1, 0, 0, 0);
}
} }
"transform" in params && o.transform(params.transform);
if (isOval) { if (isOval) {
var cx = +a.cx, var cx = +a.cx,
cy = +a.cy, cy = +a.cy,
......
raphael.svg.js
...@@ -684,6 +684,36 @@ window.Raphael.svg && function (R) { ...@@ -684,6 +684,36 @@ window.Raphael.svg && function (R) {
Element.prototype = elproto; Element.prototype = elproto;
elproto.constructor = Element; elproto.constructor = Element;
/*\
* Element.path
[ method ]
**
* Creates a path element by given path data string.
> Parameters
- pathString (string) #optional path string in SVG format.
* Path string consists of one-letter commands, followed by comma seprarated arguments in numercal form. Example:
| "M10,20L30,40"
* Here we can see two commands: “M”, with arguments `(10, 20)` and “L” with arguments `(30, 40)`. Upper case letter mean command is absolute, lower case—relative.
*
x <p>Here is short list of commands available, for more details see <a href="http://www.w3.org/TR/SVG/paths.html#PathData" title="Details of a path's data attribute's format are described in the SVG specification.">SVG path string format</a>.</p>
# <table><thead><tr><th>Command</th><th>Name</th><th>Parameters</th></tr></thead><tbody>
# <tr><td>M</td><td>moveto</td><td>(x y)+</td></tr>
# <tr><td>Z</td><td>closepath</td><td>(none)</td></tr>
# <tr><td>L</td><td>lineto</td><td>(x y)+</td></tr>
# <tr><td>H</td><td>horizontal lineto</td><td>x+</td></tr>
# <tr><td>V</td><td>vertical lineto</td><td>y+</td></tr>
# <tr><td>C</td><td>curveto</td><td>(x1 y1 x2 y2 x y)+</td></tr>
# <tr><td>S</td><td>smooth curveto</td><td>(x2 y2 x y)+</td></tr>
# <tr><td>Q</td><td>quadratic Bézier curveto</td><td>(x1 y1 x y)+</td></tr>
# <tr><td>T</td><td>smooth quadratic Bézier curveto</td><td>(x y)+</td></tr>
# <tr><td>A</td><td>elliptical arc</td><td>(rx ry x-axis-rotation large-arc-flag sweep-flag x y)+</td></tr>
# <tr><td>R</td><td><a href="http://en.wikipedia.org/wiki/Catmull–Rom_spline#Catmull.E2.80.93Rom_spline">Catmull-Rom curveto</a>*</td><td>x1 y1 (x y)+</td></tr></tbody></table>
* * “Catmull-Rom curveto” is a not standard SVG command and added in 2.0 to make life easier.
> Usage
| var c = paper.path("M10 10L90 90");
| // draw a diagonal line:
| // move to 10,10, line to 90,90
\*/
R._engine.path = function (pathString, SVG) { R._engine.path = function (pathString, SVG) {
var el = $("path"); var el = $("path");
SVG.canvas && SVG.canvas.appendChild(el); SVG.canvas && SVG.canvas.appendChild(el);
......
raphael.vml.js
...@@ -19,16 +19,16 @@ window.Raphael.vml && function (R) { ...@@ -19,16 +19,16 @@ window.Raphael.vml && function (R) {
fillString = "fill", fillString = "fill",
separator = /[, ]+/, separator = /[, ]+/,
eve = R.eve, eve = R.eve,
ms = " progid:DXImageTransform.Microsoft",
S = " ", S = " ",
E = ""; E = "",
// VML map = {M: "m", L: "l", C: "c", Z: "x", m: "t", l: "r", c: "v", z: "x"},
var map = {M: "m", L: "l", C: "c", Z: "x", m: "t", l: "r", c: "v", z: "x"},
bites = /([clmz]),?([^clmz]*)/gi, bites = /([clmz]),?([^clmz]*)/gi,
blurregexp = / progid:\S+Blur\([^\)]+\)/g, blurregexp = / progid:\S+Blur\([^\)]+\)/g,
val = /-?[^,\s-]+/g, val = /-?[^,\s-]+/g,
cssDot = "position:absolute;left:0;top:0;width:1px;height:1px", cssDot = "position:absolute;left:0;top:0;width:1px;height:1px",
zoom = 21600, zoom = 21600,
pathTypes = {path: 1, rect: 1}, pathTypes = {path: 1, rect: 1, image: 1},
ovalTypes = {circle: 1, ellipse: 1}, ovalTypes = {circle: 1, ellipse: 1},
path2vml = function (path) { path2vml = function (path) {
var total = /[ahqstv]/ig, var total = /[ahqstv]/ig,
...@@ -168,10 +168,15 @@ window.Raphael.vml && function (R) { ...@@ -168,10 +168,15 @@ window.Raphael.vml && function (R) {
params.target && (node.target = params.target); params.target && (node.target = params.target);
params.cursor && (s.cursor = params.cursor); params.cursor && (s.cursor = params.cursor);
"blur" in params && o.blur(params.blur); "blur" in params && o.blur(params.blur);
"transform" in params && o.transform(params.transform);
if (params.path && o.type == "path" || newpath) { if (params.path && o.type == "path" || newpath) {
node.path = path2vml(a.path); node.path = path2vml(~Str(a.path).toLowerCase().indexOf("r") ? R._pathToAbsolute(a.path) : a.path);
if (o.type == "image") {
o._.fillpos = [a.x, a.y];
o._.fillsize = [a.width, a.height];
setCoords(o, 1, 1, 0, 0, 0);
}
} }
"transform" in params && o.transform(params.transform);
if (isOval) { if (isOval) {
var cx = +a.cx, var cx = +a.cx,
cy = +a.cy, cy = +a.cy,
......
reference.html
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment