Skip to content

殷洪（管理员） / raphael

Go to a project
Commit d79aba6b by Dmitry Baranovskiy
Options

Merge branch 'cuttingedge' of git@github.com:DmitryBaranovskiy/raphael into cuttingedge

parents c2ee52f0 aceaf334
Showing with 29 additions and 21 deletions
plugins/raphael.shadow.js
/*! /*!
* Raphael Shadow Plugin 0.2 * Raphael Shadow plugin 0.3
* *
* Copyright (c) 2009 Dmitry Baranovskiy (http://raphaeljs.com) * Copyright (c) 2008 - 2009 Dmitry Baranovskiy (http://raphaeljs.com)
* Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license. * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license.
*/ */
Raphael.shadow = function (x, y, w, h, options) { Raphael.shadow = function (x, y, w, h, options) {
// options format: { // options format: {
// size: 0..1, shadow size // size: 0..1, shadow size
// color: "#000", placeholder colour // color: "#000", placeholder colour
// stroke: "#000", placeholder stroke colour // stroke: "#000", placeholder stroke colour
// shadow: "#000", shadow colour // shadow: "#000", shadow colour
// target: "someID" | htmlElement
// r: 5, radius of placeholder rounded corners // r: 5, radius of placeholder rounded corners
// } // }
options = options || {}; options = options || {};
...@@ -19,25 +19,34 @@ Raphael.shadow = function (x, y, w, h, options) { ...@@ -19,25 +19,34 @@ Raphael.shadow = function (x, y, w, h, options) {
color = options.color || "#fff", color = options.color || "#fff",
stroke = options.stroke || color, stroke = options.stroke || color,
shadowColor = options.shadow || "#000", shadowColor = options.shadow || "#000",
R = options.r || 3, target = options.target || null,
R = options.r == null ? 3 : options.r,
s = size, s = size,
b = size * 2, b = size * 2,
r = b + s, r = b + s,
rg = this.format("r{0}-{0}", shadowColor), rg = this.format("r{0}-{0}", shadowColor),
rect = "rect", rect = "rect",
circ = "circle", none = "none",
none = "none"; res,
var res = this([ set;
x - s, y - t, w + (x = s) * 2, h + (y = t) + b,
{type: rect, x: x - s, y: y - t, width: b + s, height: h + y + b, stroke: none, fill: this.format("180-{0}-{0}", shadowColor), opacity: 0, "clip-rect": [x - s + 1, y - t + r, b, h + y + b - r * 2 + .9]}, if (target) {
{type: rect, x: x + w - b, y: y - t, width: b + s, height: h + y + b, stroke: none, fill: this.format("0-{0}-{0}", shadowColor), opacity: 0, "clip-rect": [x + w - s + 1, y - t + r, b, h + y + b - r * 2]}, res = this(target, w + (x = s) * 2, h + (y = t) + b);
{type: rect, x: x + b - 1, y: y + h - s, width: w + b, height: b + s, stroke: none, fill: this.format("270-{0}-{0}", shadowColor), opacity: 0, "clip-rect": [x + b, y + h - s, w + b - r * 2, b + s]}, } else {
{type: rect, x: x + s - 1, y: y - t, width: w + b, height: b + s, stroke: none, fill: this.format("90-{0}-{0}", shadowColor), opacity: 0, "clip-rect": [x + b, y - t, w + b - r * 2, s + t + 1]}, res = this(x - s, y - t, w + (x = s) * 2, h + (y = t) + b);
{type: circ, cx: x + b, cy: y + h - s, r: r, stroke: none, fill: rg, opacity: 0, "clip-rect": [x - s, y + h - s + .999, r, r]}, }
{type: circ, cx: x + w - b, cy: y + h - s, r: r, stroke: none, fill: rg, opacity: 0, "clip-rect": [x + w - b, y + h - s, r, r]},
{type: circ, cx: x + b, cy: y - t + r, r: r, stroke: none, fill: rg, opacity: 0, "clip-rect": [x - s, y - t, r, r]}, set = res.set(
{type: circ, cx: x + w - b, cy: y - t + r, r: r , stroke: none, fill: rg, opacity: 0, "clip-rect": [x + w - b, y - t, r, r]}, res.rect(x - s, y - t, b + s, h + y + b).attr({stroke: none, fill: this.format("180-{0}-{0}", shadowColor), opacity: 0, "clip-rect": [x - s + 1, y - t + r, b, h + y + b - r * 2 + .9]}),
{type: rect, x: x, y: y, width: w, height: h, r: R, fill: color, stroke: stroke} res.rect(x + w - b, y - t, b + s, h + y + b).attr({stroke: none, fill: this.format("0-{0}-{0}", shadowColor), opacity: 0, "clip-rect": [x + w - s + 1, y - t + r, b, h + y + b - r * 2]}),
]); res.rect(x + b - 1, y + h - s, w + b, b + s).attr({stroke: none, fill: this.format("270-{0}-{0}", shadowColor), opacity: 0, "clip-rect": [x + b, y + h - s, w + b - r * 2, b + s]}),
return res[0].paper; res.rect(x + s - 1, y - t, w + b, b + s).attr({stroke: none, fill: this.format("90-{0}-{0}", shadowColor), opacity: 0, "clip-rect": [x + b, y - t, w + b - r * 2, s + t + 1]}),
}; res.circle(x + b, y + h - s, r).attr({stroke: none, fill: rg, opacity: 0, "clip-rect": [x - s, y + h - s + .999, r, r]}),
\ No newline at end of file res.circle(x + w - b, y + h - s, r).attr({stroke: none, fill: rg, opacity: 0, "clip-rect": [x + w - b, y + h - s, r, r]}),
res.circle(x + b, y - t + r, r).attr({stroke: none, fill: rg, opacity: 0, "clip-rect": [x - s, y - t, r, r]}),
res.circle(x + w - b, y - t + r, r).attr({stroke: none, fill: rg, opacity: 0, "clip-rect": [x + w - b, y - t, r, r]}),
res.rect(x, y, w, h, R).attr({fill: color, stroke: stroke})
);
return set[0].paper;
};
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