scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2024-12-28 17:02:24 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Bump version to v0.9.11

Browse source
This commit is contained in:
Jürg Lehni 2013-11-02 21:29:09 +01:00
parent af1c6830e0
commit 5bb3482073
8 changed files with 1138 additions and 747 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
bower.json
View file

@ -1,6 +1,6 @@
{
"name": "paper",
"version": "0.9.9",
"version": "0.9.11",
"main": "dist/paper.js",
"ignore": [
"build",

472
dist/paper-core.js vendored
View file

@ -1,5 +1,5 @@
/*!
* Paper.js v0.9.10 - The Swiss Army Knife of Vector Graphics Scripting.
* Paper.js v0.9.11 - The Swiss Army Knife of Vector Graphics Scripting.
* http://paperjs.org/
*
* Copyright (c) 2011 - 2013, Juerg Lehni & Jonathan Puckey
@ -9,7 +9,7 @@
*
* All rights reserved.
*
* Date: Tue Oct 29 21:56:00 2013 +0100
* Date: Sat Nov 2 21:26:32 2013 +0100
*
***
*
@ -466,31 +466,33 @@ Base.inject({
: res;
},
deserialize: function(obj, data) {
var res = obj;
data = data || {};
if (Array.isArray(obj)) {
var type = obj[0],
deserialize: function(json, target, _data) {
var res = json;
_data = _data || {};
if (Array.isArray(json)) {
var type = json[0],
isDictionary = type === 'dictionary';
if (!isDictionary) {
if (data.dictionary && obj.length == 1 && /^#/.test(type))
return data.dictionary[type];
if (_data.dictionary && json.length == 1 && /^#/.test(type))
return _data.dictionary[type];
type = Base.exports[type];
}
res = [];
for (var i = type ? 1 : 0, l = obj.length; i < l; i++)
res.push(Base.deserialize(obj[i], data));
for (var i = type ? 1 : 0, l = json.length; i < l; i++)
res.push(Base.deserialize(json[i], null, _data));
if (isDictionary) {
data.dictionary = res[0];
_data.dictionary = res[0];
} else if (type) {
var args = res;
res = Base.create(type.prototype);
res = target instanceof type
? target
: Base.create(type.prototype);
type.apply(res, args);
}
} else if (Base.isPlainObject(obj)) {
} else if (Base.isPlainObject(json)) {
res = {};
for (var key in obj)
res[key] = Base.deserialize(obj[key], data);
for (var key in json)
res[key] = Base.deserialize(json[key], null, _data);
}
return res;
},
@ -499,9 +501,9 @@ Base.inject({
return JSON.stringify(Base.serialize(obj, options));
},
importJSON: function(json) {
importJSON: function(json, target) {
return Base.deserialize(
typeof json === 'string' ? JSON.parse(json) : json);
typeof json === 'string' ? JSON.parse(json) : json, target);
},
splice: function(list, items, index, remove) {
@ -682,7 +684,7 @@ var PaperScope = Base.extend({
}
},
version: '0.9.10',
version: '0.9.11',
getView: function() {
return this.project && this.project.view;
@ -694,6 +696,10 @@ var PaperScope = Base.extend({
return this._tool;
},
getPaper: function() {
return this;
},
evaluate: function(code) {
var res = paper.PaperScript.evaluate(code, this);
View.updateFocus();
@ -2009,10 +2015,10 @@ var Matrix = Base.extend({
return !this._getDeterminant();
},
transform: function( src, srcOff, dst, dstOff, numPts) {
transform: function( src, srcOffset, dst, dstOffset, count) {
return arguments.length < 5
? this._transformPoint(Point.read(arguments))
: this._transformCoordinates(src, srcOff, dst, dstOff, numPts);
: this._transformCoordinates(src, srcOffset, dst, dstOffset, count);
},
_transformPoint: function(point, dest, dontNotify) {
@ -2027,10 +2033,11 @@ var Matrix = Base.extend({
);
},
_transformCoordinates: function(src, srcOff, dst, dstOff, numPts) {
var i = srcOff, j = dstOff,
srcEnd = srcOff + 2 * numPts;
while (i < srcEnd) {
_transformCoordinates: function(src, srcOffset, dst, dstOffset, count) {
var i = srcOffset,
j = dstOffset,
max = i + 2 * count;
while (i < max) {
var x = src[i++],
y = src[i++];
dst[j++] = x * this._a + y * this._b + this._tx;
@ -2736,6 +2743,10 @@ var Item = Base.extend(Callback, {
hasStroke: function() {
return this.getStyle().hasStroke();
},
hasShadow: function() {
return this.getStyle().hasShadow();
}
}, Base.each(['locked', 'visible', 'blendMode', 'opacity', 'guide'],
function(name) {
@ -3251,7 +3262,10 @@ var Item = Base.extend(Callback, {
}, {
importJSON: function(json) {
return this.addChild(Base.importJSON(json));
var res = Base.importJSON(json, this);
return res !== this
? this.addChild(res)
: res;
},
addChild: function(item, _preserve) {
@ -3387,6 +3401,8 @@ var Item = Base.extend(Callback, {
return removed;
},
clear: '#removeChildren',
reverseChildren: function() {
if (this._children) {
this._children.reverse();
@ -3561,43 +3577,49 @@ var Item = Base.extend(Callback, {
_setStyles: function(ctx) {
var style = this._style,
matrix = this._matrix,
strokeWidth = style.getStrokeWidth(),
fillColor = style.getFillColor(),
strokeColor = style.getStrokeColor(),
shadowColor = style.getShadowColor();
if (fillColor)
ctx.fillStyle = fillColor.toCanvasStyle(ctx, matrix);
if (strokeColor && strokeWidth > 0) {
ctx.strokeStyle = strokeColor.toCanvasStyle(ctx, matrix);
ctx.lineWidth = strokeWidth;
var strokeJoin = style.getStrokeJoin(),
strokeCap = style.getStrokeCap(),
miterLimit = style.getMiterLimit(),
dashArray = style.getDashArray(),
dashOffset = style.getDashOffset();
if (strokeJoin)
ctx.lineJoin = strokeJoin;
if (strokeCap)
ctx.lineCap = strokeCap;
if (miterLimit)
ctx.miterLimit = miterLimit;
if (paper.support.nativeDash && dashArray && dashArray.length) {
if ('setLineDash' in ctx) {
ctx.setLineDash(dashArray);
ctx.lineDashOffset = dashOffset;
} else {
ctx.mozDash = dashArray;
ctx.mozDashOffset = dashOffset;
ctx.fillStyle = fillColor.toCanvasStyle(ctx);
if (strokeColor) {
var strokeWidth = style.getStrokeWidth();
if (strokeWidth > 0) {
ctx.strokeStyle = strokeColor.toCanvasStyle(ctx);
ctx.lineWidth = strokeWidth;
var strokeJoin = style.getStrokeJoin(),
strokeCap = style.getStrokeCap(),
miterLimit = style.getMiterLimit();
if (strokeJoin)
ctx.lineJoin = strokeJoin;
if (strokeCap)
ctx.lineCap = strokeCap;
if (miterLimit)
ctx.miterLimit = miterLimit;
if (paper.support.nativeDash) {
var dashArray = style.getDashArray(),
dashOffset = style.getDashOffset();
if (dashArray && dashArray.length) {
if ('setLineDash' in ctx) {
ctx.setLineDash(dashArray);
ctx.lineDashOffset = dashOffset;
} else {
ctx.mozDash = dashArray;
ctx.mozDashOffset = dashOffset;
}
}
}
}
}
if (shadowColor) {
ctx.shadowColor = shadowColor.toCanvasStyle(ctx);
ctx.shadowBlur = style.getShadowBlur();
var offset = this.getShadowOffset();
ctx.shadowOffsetX = offset.x;
ctx.shadowOffsetY = offset.y;
var shadowBlur = style.getShadowBlur();
if (shadowBlur > 0) {
ctx.shadowColor = shadowColor.toCanvasStyle(ctx);
ctx.shadowBlur = shadowBlur;
var offset = this.getShadowOffset();
ctx.shadowOffsetX = offset.x;
ctx.shadowOffsetY = offset.y;
}
}
},
@ -3894,8 +3916,8 @@ var Shape = Item.extend({
radius: this._radius,
insert: false
});
path.transform(this._matrix);
path.setStyle(this._style);
path.transform(this._matrix);
if (insert || insert === undefined)
path.insertAbove(this);
return path;
@ -3951,8 +3973,10 @@ var Shape = Item.extend({
}
if (!clip && (hasFill || hasStroke)) {
this._setStyles(ctx);
if (hasFill)
if (hasFill) {
ctx.fill(style.getWindingRule());
ctx.shadowColor = 'rgba(0,0,0,0)';
}
if (hasStroke)
ctx.stroke();
}
@ -5912,7 +5936,7 @@ var PathItem = Item.extend({
setPathData: function(data) {
var parts = data.match(/[a-z][^a-z]*/ig),
var parts = data.match(/[mlhvcsqtaz][^mlhvcsqtaz]*/ig),
coords,
relative = false,
control,
@ -5934,18 +5958,15 @@ var PathItem = Item.extend({
);
}
if (this._type === 'path')
this.removeSegments();
else
this.removeChildren();
this.clear();
for (var i = 0, l = parts.length; i < l; i++) {
var part = parts[i],
cmd = part[0],
lower = cmd.toLowerCase();
coords = part.slice(1).trim().split(/[\s,]+|(?=[+-])/);
coords = part.match(/[+-]?(?:\d*\.\d+|\d+\.?)(?:[eE][+-]?\d+)?/g);
var length = coords && coords.length;
relative = cmd === lower;
var length = coords.length;
switch (lower) {
case 'm':
case 'l':
@ -6304,6 +6325,8 @@ var Path = PathItem.extend({
return removed;
},
clear: '#removeSegments',
isFullySelected: function() {
var length = this._segments.length;
return this._selected && length > 0 && this._selectedSegmentState
@ -6899,8 +6922,10 @@ var Path = PathItem.extend({
if (!clip && !compound && (hasFill || hasStroke)) {
this._setStyles(ctx);
if (hasFill)
if (hasFill) {
ctx.fill(style.getWindingRule());
ctx.shadowColor = 'rgba(0,0,0,0)';
}
if (hasStroke) {
if (dashLength) {
ctx.beginPath();
@ -7057,16 +7082,16 @@ var Path = PathItem.extend({
cubicCurveTo: function() {
var handle1 = Point.read(arguments),
handle2 = Point.read(arguments),
to = Point.read(arguments);
var current = getCurrentSegment(this);
to = Point.read(arguments),
current = getCurrentSegment(this);
current.setHandleOut(handle1.subtract(current._point));
this._add([ new Segment(to, handle2.subtract(to)) ]);
},
quadraticCurveTo: function() {
var handle = Point.read(arguments),
to = Point.read(arguments);
var current = getCurrentSegment(this)._point;
to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.cubicCurveTo(
handle.add(current.subtract(handle).multiply(1 / 3)),
handle.add(to.subtract(handle).multiply(1 / 3)),
@ -7145,25 +7170,41 @@ var Path = PathItem.extend({
this._add(segments);
},
lineBy: function(vector) {
vector = Point.read(arguments);
var current = getCurrentSegment(this);
this.lineTo(current._point.add(vector));
lineBy: function() {
var to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.lineTo(current.add(to));
},
curveBy: function(throughVector, toVector, parameter) {
throughVector = Point.read(throughVector);
toVector = Point.read(toVector);
var current = getCurrentSegment(this)._point;
this.curveTo(current.add(throughVector), current.add(toVector),
parameter);
curveBy: function() {
var through = Point.read(arguments),
to = Point.read(arguments),
parameter = Base.read(arguments),
current = getCurrentSegment(this)._point;
this.curveTo(current.add(through), current.add(to), parameter);
},
arcBy: function(throughVector, toVector) {
throughVector = Point.read(throughVector);
toVector = Point.read(toVector);
var current = getCurrentSegment(this)._point;
this.arcTo(current.add(throughVector), current.add(toVector));
cubicCurveBy: function() {
var handle1 = Point.read(arguments),
handle2 = Point.read(arguments),
to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.cubicCurveTo(current.add(handle1), current.add(handle2),
current.add(to));
},
quadraticCurveBy: function() {
var handle = Point.read(arguments),
to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.quadraticCurveTo(current.add(handle), current.add(to));
},
arcBy: function() {
var through = Point.read(arguments),
to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.arcTo(current.add(through), current.add(to));
},
closePath: function() {
@ -7644,8 +7685,10 @@ var CompoundPath = PathItem.extend({
if (!param.clip) {
this._setStyles(ctx);
var style = this._style;
if (style.hasFill())
if (style.hasFill()) {
ctx.fill(style.getWindingRule());
ctx.shadowColor = 'rgba(0,0,0,0)';
}
if (style.hasStroke())
ctx.stroke();
}
@ -7674,13 +7717,15 @@ var CompoundPath = PathItem.extend({
}
};
Base.each(['lineTo', 'cubicCurveTo', 'quadraticCurveTo', 'curveTo',
'arcTo', 'lineBy', 'curveBy', 'arcBy'], function(key) {
fields[key] = function() {
var path = getCurrentPath(this);
path[key].apply(path, arguments);
};
});
Base.each(['lineTo', 'cubicCurveTo', 'quadraticCurveTo', 'curveTo', 'arcTo',
'lineBy', 'cubicCurveBy', 'quadraticCurveBy', 'curveBy', 'arcBy'],
function(key) {
fields[key] = function() {
var path = getCurrentPath(this);
path[key].apply(path, arguments);
};
}
);
return fields;
});
@ -8212,13 +8257,18 @@ var PointText = TextItem.extend({
this._setStyles(ctx);
var style = this._style,
lines = this._lines,
leading = style.getLeading();
leading = style.getLeading(),
shadowColor = ctx.shadowColor;
ctx.font = style.getFontStyle();
ctx.textAlign = style.getJustification();
for (var i = 0, l = lines.length; i < l; i++) {
ctx.shadowColor = shadowColor;
var line = lines[i];
if (style.hasFill())
if (style.hasFill()) {
ctx.fillText(line, 0, 0);
ctx.shadowColor = 'rgba(0,0,0,0)';
}
if (style.hasStroke())
ctx.strokeText(line, 0, 0);
ctx.translate(0, leading);
@ -8597,7 +8647,7 @@ var Color = Base.extend(new function() {
},
clone: function() {
return new Color(this._type, this._components.slice(), this._alpha);
return new Color(this);
},
_convert: function(type) {
@ -8685,23 +8735,21 @@ var Color = Base.extend(new function() {
+ components.join(',') + ')';
},
toCanvasStyle: function(ctx, matrix) {
toCanvasStyle: function(ctx) {
if (this._canvasStyle)
return this._canvasStyle;
if (this._type !== 'gradient')
return this._canvasStyle = this.toCSS();
var components = this._components,
translation = matrix ? matrix.getTranslation() : new Point(),
gradient = components[0],
stops = gradient._stops,
origin = components[1].subtract(translation),
destination = components[2].subtract(translation),
origin = components[1],
destination = components[2],
canvasGradient;
if (gradient._radial) {
var radius = destination.getDistance(origin),
highlight = components[3];
if (highlight) {
highlight = highlight.subtract(translation);
var vector = highlight.subtract(origin);
if (vector.getLength() > radius)
highlight = origin.add(vector.normalize(radius - 0.1));
@ -9027,8 +9075,11 @@ var Style = Base.extend(new function() {
if (isColor) {
if (old)
delete old._owner;
if (value && value.constructor === Color)
if (value && value.constructor === Color) {
if (value._owner)
value = value.clone();
value._owner = this._item;
}
}
this._values[key] = value;
if (this._item)
@ -9118,6 +9169,10 @@ var Style = Base.extend(new function() {
return !!this.getStrokeColor() && this.getStrokeWidth() > 0;
},
hasShadow: function() {
return !!this.getShadowColor() && this.getShadowBlur() > 0;
},
getLeading: function getLeading() {
var leading = getLeading.base.call(this);
return leading != null ? leading : this.getFontSize() * 1.2;
@ -9377,18 +9432,10 @@ var DomEvent = {
};
DomEvent.requestAnimationFrame = new function() {
var part = 'equestAnimationFrame',
request = window['r' + part] || window['webkitR' + part]
|| window['mozR' + part] || window['oR' + part]
|| window['msR' + part];
if (request) {
request(function(time) {
if (time == null)
request = null;
});
}
var callbacks = [],
var nativeRequest = DomElement.getPrefixValue(window,
'requestAnimationFrame'),
requested = false,
callbacks = [],
focused = true,
timer;
@ -9401,24 +9448,36 @@ DomEvent.requestAnimationFrame = new function() {
}
});
return function(callback, element) {
if (request)
return request(callback, element);
callbacks.push([callback, element]);
if (timer)
return;
timer = setInterval(function() {
for (var i = callbacks.length - 1; i >= 0; i--) {
var entry = callbacks[i],
func = entry[0],
el = entry[1];
if (!el || (PaperScope.getAttribute(el, 'keepalive') == 'true'
|| focused) && DomElement.isInView(el)) {
callbacks.splice(i, 1);
func(Date.now());
}
function handleCallbacks() {
for (var i = callbacks.length - 1; i >= 0; i--) {
var entry = callbacks[i],
func = entry[0],
el = entry[1];
if (!el || (PaperScope.getAttribute(el, 'keepalive') == 'true'
|| focused) && DomElement.isInView(el)) {
callbacks.splice(i, 1);
func();
}
}, 1000 / 60);
}
if (nativeRequest) {
if (callbacks.length) {
nativeRequest(handleCallbacks);
} else {
requested = false;
}
}
}
return function(callback, element) {
callbacks.push([callback, element]);
if (nativeRequest) {
if (!requested) {
nativeRequest(handleCallbacks);
requested = true;
}
} else if (!timer) {
timer = setInterval(handleCallbacks, 1000 / 60);
}
};
};
@ -10005,6 +10064,7 @@ var Key = new function() {
tool = scope && scope._tool;
keyMap[key] = down;
if (tool && tool.responds(type)) {
paper = scope;
tool.fire(type, new KeyEvent(down, key, character, event));
if (view)
view.draw(true);
@ -10327,6 +10387,28 @@ var Tool = PaperScopeItem.extend({
});
var Http = {
request: function(method, url, callback) {
var xhr = new (window.ActiveXObject || XMLHttpRequest)(
'Microsoft.XMLHTTP');
xhr.open(method.toUpperCase(), url, true);
if ('overrideMimeType' in xhr)
xhr.overrideMimeType('text/plain');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
var status = xhr.status;
if (status === 0 || status === 200) {
callback.call(xhr, xhr.responseText);
} else {
throw new Error('Could not load ' + url + ' (Error '
+ status + ')');
}
}
};
return xhr.send(null);
}
};
var CanvasProvider = {
canvases: [],
@ -10702,13 +10784,13 @@ new function() {
return attrs;
}
function exportGroup(item) {
function exportGroup(item, options) {
var attrs = getTransform(item),
children = item._children;
var node = createElement('g', attrs);
for (var i = 0, l = children.length; i < l; i++) {
var child = children[i];
var childNode = exportSVG(child);
var childNode = exportSVG(child, options);
if (childNode) {
if (child.isClipMask()) {
var clip = createElement('clipPath');
@ -10736,7 +10818,12 @@ new function() {
return createElement('image', attrs);
}
function exportPath(item) {
function exportPath(item, options) {
if (options.matchShapes) {
var shape = item.toShape(false);
if (shape)
return exportShape(shape, options);
}
var segments = item._segments,
type,
attrs;
@ -10772,7 +10859,6 @@ new function() {
function exportShape(item) {
var shape = item._shape,
center = item.getPosition(true),
radius = item._radius,
attrs = getTransform(item, true, shape !== 'rectangle');
if (shape === 'rectangle') {
@ -10806,7 +10892,7 @@ new function() {
return createElement('path', attrs);
}
function exportPlacedSymbol(item) {
function exportPlacedSymbol(item, options) {
var attrs = getTransform(item, true),
symbol = item.getSymbol(),
symbolNode = getDefinition(symbol, 'symbol'),
@ -10816,7 +10902,7 @@ new function() {
symbolNode = createElement('symbol', {
viewBox: formatter.rectangle(bounds)
});
symbolNode.appendChild(exportSVG(definition));
symbolNode.appendChild(exportSVG(definition, options));
setDefinition(symbol, symbolNode, 'symbol');
}
attrs.href = '#' + symbolNode.id;
@ -10827,7 +10913,7 @@ new function() {
return createElement('use', attrs);
}
function exportGradient(color, item) {
function exportGradient(color) {
var gradientNode = getDefinition(color, 'color');
if (!gradientNode) {
var gradient = color.getGradient(),
@ -10951,29 +11037,31 @@ new function() {
}
function exportDefinitions(node, options) {
if (!definitions)
return node;
var svg = node.nodeName.toLowerCase() === 'svg' && node,
var svg = node,
defs = null;
for (var i in definitions.svgs) {
if (!defs) {
if (!svg) {
svg = createElement('svg');
svg.appendChild(node);
if (definitions) {
svg = node.nodeName.toLowerCase() === 'svg' && node;
for (var i in definitions.svgs) {
if (!defs) {
if (!svg) {
svg = createElement('svg');
svg.appendChild(node);
}
defs = svg.insertBefore(createElement('defs'),
svg.firstChild);
}
defs = svg.insertBefore(createElement('defs'), svg.firstChild);
defs.appendChild(definitions.svgs[i]);
}
defs.appendChild(definitions.svgs[i]);
definitions = null;
}
definitions = null;
return options.asString
? new XMLSerializer().serializeToString(svg)
: svg;
}
function exportSVG(item) {
function exportSVG(item, options) {
var exporter = exporters[item._type],
node = exporter && exporter(item, item._type);
node = exporter && exporter(item, options);
if (node && item._data)
node.setAttribute('data-paper-data', JSON.stringify(item._data));
return node && applyStyle(item, node);
@ -10989,7 +11077,7 @@ new function() {
Item.inject({
exportSVG: function(options) {
options = setOptions(options);
return exportDefinitions(exportSVG(this), options);
return exportDefinitions(exportSVG(this, options), options);
}
});
@ -11008,7 +11096,7 @@ new function() {
'xmlns:xlink': 'http://www.w3.org/1999/xlink'
});
for (var i = 0, l = layers.length; i < l; i++)
node.appendChild(exportSVG(layers[i]));
node.appendChild(exportSVG(layers[i], options));
return exportDefinitions(node, options);
}
});
@ -11037,15 +11125,15 @@ new function() {
function getPoint(node, x, y, allowNull) {
x = getValue(node, x, false, allowNull);
y = getValue(node, y, false, allowNull);
return allowNull && x == null && y == null ? null
: new Point(x || 0, y || 0);
return allowNull && (x == null || y == null) ? null
: new Point(x, y);
}
function getSize(node, w, h, allowNull) {
w = getValue(node, w, false, allowNull);
h = getValue(node, h, false, allowNull);
return allowNull && w == null && h == null ? null
: new Size(w || 0, h || 0);
return allowNull && (w == null || h == null) ? null
: new Size(w, h);
}
function convertValue(value, type, lookup) {
@ -11062,7 +11150,7 @@ new function() {
: value;
}
function importGroup(node, type, options) {
function importGroup(node, type, isRoot, options) {
var nodes = node.childNodes,
clip = type === 'clippath',
item = new Group(),
@ -11071,20 +11159,20 @@ new function() {
children = [];
if (!clip) {
item._transformContent = false;
item = applyAttributes(item, node);
item = applyAttributes(item, node, isRoot);
project._currentStyle = item._style.clone();
}
for (var i = 0, l = nodes.length; i < l; i++) {
var childNode = nodes[i],
child;
if (childNode.nodeType === 1
&& (child = importSVG(childNode, options))
&& (child = importSVG(childNode, false, options))
&& !(child instanceof Symbol))
children.push(child);
}
item.addChildren(children);
if (clip)
item = applyAttributes(item.reduce(), node);
item = applyAttributes(item.reduce(), node, isRoot);
project._currentStyle = currentStyle;
if (clip || type === 'defs') {
item.remove();
@ -11138,8 +11226,8 @@ new function() {
}
var importers = {
'#document': function(node, type, options) {
return importSVG(node.childNodes[0], options);
'#document': function(node, type, isRoot, options) {
return importSVG(node.childNodes[0], isRoot, options);
},
g: importGroup,
@ -11161,8 +11249,8 @@ new function() {
return raster;
},
symbol: function(node, type) {
return new Symbol(importGroup(node, type), true);
symbol: function(node, type, isRoot, options) {
return new Symbol(importGroup(node, type, isRoot, options), true);
},
defs: importGroup,
@ -11256,8 +11344,13 @@ new function() {
var attributes = Base.merge(Base.each(SVGStyles, function(entry) {
this[entry.attribute] = function(item, value) {
item[entry.set](
convertValue(value, entry.type, entry.fromSVG));
item[entry.set](convertValue(value, entry.type, entry.fromSVG));
if (entry.type === 'color' && item instanceof Shape) {
var color = item[entry.get]();
if (color)
color.transform(new Matrix().translate(
item.getPosition(true).negate()));
}
};
}, {}), {
id: function(item, value) {
@ -11343,10 +11436,10 @@ new function() {
: value;
}
function applyAttributes(item, node) {
function applyAttributes(item, node, isRoot) {
var styles = {
node: DomElement.getStyles(node) || {},
parent: DomElement.getStyles(node.parentNode) || {}
parent: !isRoot && DomElement.getStyles(node.parentNode) || {}
};
Base.each(attributes, function(apply, name) {
var value = getAttribute(node, name, styles);
@ -11362,38 +11455,55 @@ new function() {
return match && definitions[match[1]];
}
function importSVG(node, options, clearDefs) {
function importSVG(node, isRoot, options) {
if (!options)
options = {};
if (typeof node === 'string')
if (typeof node === 'string') {
if (isRoot && !/^.*</.test(node)) {
if (typeof options === 'function')
options = { onLoad: options };
var scope = paper;
return Http.request('get', node, function(svg) {
paper = scope;
var item = importSVG(svg, isRoot, options),
onLoad = options.onLoad,
view = scope.project && scope.project.view;
if (onLoad)
onLoad.call(this, item);
view.draw(true);
});
}
node = new DOMParser().parseFromString(node, 'image/svg+xml');
}
var type = node.nodeName.toLowerCase(),
importer = importers[type],
item = importer && importer(node, type, options),
item = importer && importer(node, type, isRoot, options),
data = type !== '#document' && node.getAttribute('data-paper-data');
if (options.expandShapes && item instanceof Shape) {
item.remove();
item = item.toPath();
if (item) {
if (!(item instanceof Group))
item = applyAttributes(item, node, isRoot);
if (options.expandShapes && item instanceof Shape) {
item.remove();
item = item.toPath();
}
if (data)
item._data = JSON.parse(data);
}
if (item && !(item instanceof Group))
item = applyAttributes(item, node);
if (item && data)
item._data = JSON.parse(data);
if (clearDefs)
if (isRoot)
definitions = {};
return item;
}
Item.inject({
importSVG: function(node, options) {
return this.addChild(importSVG(node, options, true));
return this.addChild(importSVG(node, true, options));
}
});
Project.inject({
importSVG: function(node, options) {
this.activate();
return importSVG(node, options, true);
return importSVG(node, true, options);
}
});
};

16
dist/paper-core.min.js vendored
View file

File diff suppressed because one or more lines are too long

495
dist/paper-full.js vendored
View file

@ -1,5 +1,5 @@
/*!
* Paper.js v0.9.10 - The Swiss Army Knife of Vector Graphics Scripting.
* Paper.js v0.9.11 - The Swiss Army Knife of Vector Graphics Scripting.
* http://paperjs.org/
*
* Copyright (c) 2011 - 2013, Juerg Lehni & Jonathan Puckey
@ -9,7 +9,7 @@
*
* All rights reserved.
*
* Date: Tue Oct 29 21:56:00 2013 +0100
* Date: Sat Nov 2 21:26:32 2013 +0100
*
***
*
@ -466,31 +466,33 @@ Base.inject({
: res;
},
deserialize: function(obj, data) {
var res = obj;
data = data || {};
if (Array.isArray(obj)) {
var type = obj[0],
deserialize: function(json, target, _data) {
var res = json;
_data = _data || {};
if (Array.isArray(json)) {
var type = json[0],
isDictionary = type === 'dictionary';
if (!isDictionary) {
if (data.dictionary && obj.length == 1 && /^#/.test(type))
return data.dictionary[type];
if (_data.dictionary && json.length == 1 && /^#/.test(type))
return _data.dictionary[type];
type = Base.exports[type];
}
res = [];
for (var i = type ? 1 : 0, l = obj.length; i < l; i++)
res.push(Base.deserialize(obj[i], data));
for (var i = type ? 1 : 0, l = json.length; i < l; i++)
res.push(Base.deserialize(json[i], null, _data));
if (isDictionary) {
data.dictionary = res[0];
_data.dictionary = res[0];
} else if (type) {
var args = res;
res = Base.create(type.prototype);
res = target instanceof type
? target
: Base.create(type.prototype);
type.apply(res, args);
}
} else if (Base.isPlainObject(obj)) {
} else if (Base.isPlainObject(json)) {
res = {};
for (var key in obj)
res[key] = Base.deserialize(obj[key], data);
for (var key in json)
res[key] = Base.deserialize(json[key], null, _data);
}
return res;
},
@ -499,9 +501,9 @@ Base.inject({
return JSON.stringify(Base.serialize(obj, options));
},
importJSON: function(json) {
importJSON: function(json, target) {
return Base.deserialize(
typeof json === 'string' ? JSON.parse(json) : json);
typeof json === 'string' ? JSON.parse(json) : json, target);
},
splice: function(list, items, index, remove) {
@ -682,7 +684,7 @@ var PaperScope = Base.extend({
}
},
version: '0.9.10',
version: '0.9.11',
getView: function() {
return this.project && this.project.view;
@ -694,6 +696,10 @@ var PaperScope = Base.extend({
return this._tool;
},
getPaper: function() {
return this;
},
evaluate: function(code) {
var res = paper.PaperScript.evaluate(code, this);
View.updateFocus();
@ -2009,10 +2015,10 @@ var Matrix = Base.extend({
return !this._getDeterminant();
},
transform: function( src, srcOff, dst, dstOff, numPts) {
transform: function( src, srcOffset, dst, dstOffset, count) {
return arguments.length < 5
? this._transformPoint(Point.read(arguments))
: this._transformCoordinates(src, srcOff, dst, dstOff, numPts);
: this._transformCoordinates(src, srcOffset, dst, dstOffset, count);
},
_transformPoint: function(point, dest, dontNotify) {
@ -2027,10 +2033,11 @@ var Matrix = Base.extend({
);
},
_transformCoordinates: function(src, srcOff, dst, dstOff, numPts) {
var i = srcOff, j = dstOff,
srcEnd = srcOff + 2 * numPts;
while (i < srcEnd) {
_transformCoordinates: function(src, srcOffset, dst, dstOffset, count) {
var i = srcOffset,
j = dstOffset,
max = i + 2 * count;
while (i < max) {
var x = src[i++],
y = src[i++];
dst[j++] = x * this._a + y * this._b + this._tx;
@ -2736,6 +2743,10 @@ var Item = Base.extend(Callback, {
hasStroke: function() {
return this.getStyle().hasStroke();
},
hasShadow: function() {
return this.getStyle().hasShadow();
}
}, Base.each(['locked', 'visible', 'blendMode', 'opacity', 'guide'],
function(name) {
@ -3251,7 +3262,10 @@ var Item = Base.extend(Callback, {
}, {
importJSON: function(json) {
return this.addChild(Base.importJSON(json));
var res = Base.importJSON(json, this);
return res !== this
? this.addChild(res)
: res;
},
addChild: function(item, _preserve) {
@ -3387,6 +3401,8 @@ var Item = Base.extend(Callback, {
return removed;
},
clear: '#removeChildren',
reverseChildren: function() {
if (this._children) {
this._children.reverse();
@ -3561,43 +3577,49 @@ var Item = Base.extend(Callback, {
_setStyles: function(ctx) {
var style = this._style,
matrix = this._matrix,
strokeWidth = style.getStrokeWidth(),
fillColor = style.getFillColor(),
strokeColor = style.getStrokeColor(),
shadowColor = style.getShadowColor();
if (fillColor)
ctx.fillStyle = fillColor.toCanvasStyle(ctx, matrix);
if (strokeColor && strokeWidth > 0) {
ctx.strokeStyle = strokeColor.toCanvasStyle(ctx, matrix);
ctx.lineWidth = strokeWidth;
var strokeJoin = style.getStrokeJoin(),
strokeCap = style.getStrokeCap(),
miterLimit = style.getMiterLimit(),
dashArray = style.getDashArray(),
dashOffset = style.getDashOffset();
if (strokeJoin)
ctx.lineJoin = strokeJoin;
if (strokeCap)
ctx.lineCap = strokeCap;
if (miterLimit)
ctx.miterLimit = miterLimit;
if (paper.support.nativeDash && dashArray && dashArray.length) {
if ('setLineDash' in ctx) {
ctx.setLineDash(dashArray);
ctx.lineDashOffset = dashOffset;
} else {
ctx.mozDash = dashArray;
ctx.mozDashOffset = dashOffset;
ctx.fillStyle = fillColor.toCanvasStyle(ctx);
if (strokeColor) {
var strokeWidth = style.getStrokeWidth();
if (strokeWidth > 0) {
ctx.strokeStyle = strokeColor.toCanvasStyle(ctx);
ctx.lineWidth = strokeWidth;
var strokeJoin = style.getStrokeJoin(),
strokeCap = style.getStrokeCap(),
miterLimit = style.getMiterLimit();
if (strokeJoin)
ctx.lineJoin = strokeJoin;
if (strokeCap)
ctx.lineCap = strokeCap;
if (miterLimit)
ctx.miterLimit = miterLimit;
if (paper.support.nativeDash) {
var dashArray = style.getDashArray(),
dashOffset = style.getDashOffset();
if (dashArray && dashArray.length) {
if ('setLineDash' in ctx) {
ctx.setLineDash(dashArray);
ctx.lineDashOffset = dashOffset;
} else {
ctx.mozDash = dashArray;
ctx.mozDashOffset = dashOffset;
}
}
}
}
}
if (shadowColor) {
ctx.shadowColor = shadowColor.toCanvasStyle(ctx);
ctx.shadowBlur = style.getShadowBlur();
var offset = this.getShadowOffset();
ctx.shadowOffsetX = offset.x;
ctx.shadowOffsetY = offset.y;
var shadowBlur = style.getShadowBlur();
if (shadowBlur > 0) {
ctx.shadowColor = shadowColor.toCanvasStyle(ctx);
ctx.shadowBlur = shadowBlur;
var offset = this.getShadowOffset();
ctx.shadowOffsetX = offset.x;
ctx.shadowOffsetY = offset.y;
}
}
},
@ -3894,8 +3916,8 @@ var Shape = Item.extend({
radius: this._radius,
insert: false
});
path.transform(this._matrix);
path.setStyle(this._style);
path.transform(this._matrix);
if (insert || insert === undefined)
path.insertAbove(this);
return path;
@ -3951,8 +3973,10 @@ var Shape = Item.extend({
}
if (!clip && (hasFill || hasStroke)) {
this._setStyles(ctx);
if (hasFill)
if (hasFill) {
ctx.fill(style.getWindingRule());
ctx.shadowColor = 'rgba(0,0,0,0)';
}
if (hasStroke)
ctx.stroke();
}
@ -5912,7 +5936,7 @@ var PathItem = Item.extend({
setPathData: function(data) {
var parts = data.match(/[a-z][^a-z]*/ig),
var parts = data.match(/[mlhvcsqtaz][^mlhvcsqtaz]*/ig),
coords,
relative = false,
control,
@ -5934,18 +5958,15 @@ var PathItem = Item.extend({
);
}
if (this._type === 'path')
this.removeSegments();
else
this.removeChildren();
this.clear();
for (var i = 0, l = parts.length; i < l; i++) {
var part = parts[i],
cmd = part[0],
lower = cmd.toLowerCase();
coords = part.slice(1).trim().split(/[\s,]+|(?=[+-])/);
coords = part.match(/[+-]?(?:\d*\.\d+|\d+\.?)(?:[eE][+-]?\d+)?/g);
var length = coords && coords.length;
relative = cmd === lower;
var length = coords.length;
switch (lower) {
case 'm':
case 'l':
@ -6304,6 +6325,8 @@ var Path = PathItem.extend({
return removed;
},
clear: '#removeSegments',
isFullySelected: function() {
var length = this._segments.length;
return this._selected && length > 0 && this._selectedSegmentState
@ -6899,8 +6922,10 @@ var Path = PathItem.extend({
if (!clip && !compound && (hasFill || hasStroke)) {
this._setStyles(ctx);
if (hasFill)
if (hasFill) {
ctx.fill(style.getWindingRule());
ctx.shadowColor = 'rgba(0,0,0,0)';
}
if (hasStroke) {
if (dashLength) {
ctx.beginPath();
@ -7057,16 +7082,16 @@ var Path = PathItem.extend({
cubicCurveTo: function() {
var handle1 = Point.read(arguments),
handle2 = Point.read(arguments),
to = Point.read(arguments);
var current = getCurrentSegment(this);
to = Point.read(arguments),
current = getCurrentSegment(this);
current.setHandleOut(handle1.subtract(current._point));
this._add([ new Segment(to, handle2.subtract(to)) ]);
},
quadraticCurveTo: function() {
var handle = Point.read(arguments),
to = Point.read(arguments);
var current = getCurrentSegment(this)._point;
to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.cubicCurveTo(
handle.add(current.subtract(handle).multiply(1 / 3)),
handle.add(to.subtract(handle).multiply(1 / 3)),
@ -7145,25 +7170,41 @@ var Path = PathItem.extend({
this._add(segments);
},
lineBy: function(vector) {
vector = Point.read(arguments);
var current = getCurrentSegment(this);
this.lineTo(current._point.add(vector));
lineBy: function() {
var to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.lineTo(current.add(to));
},
curveBy: function(throughVector, toVector, parameter) {
throughVector = Point.read(throughVector);
toVector = Point.read(toVector);
var current = getCurrentSegment(this)._point;
this.curveTo(current.add(throughVector), current.add(toVector),
parameter);
curveBy: function() {
var through = Point.read(arguments),
to = Point.read(arguments),
parameter = Base.read(arguments),
current = getCurrentSegment(this)._point;
this.curveTo(current.add(through), current.add(to), parameter);
},
arcBy: function(throughVector, toVector) {
throughVector = Point.read(throughVector);
toVector = Point.read(toVector);
var current = getCurrentSegment(this)._point;
this.arcTo(current.add(throughVector), current.add(toVector));
cubicCurveBy: function() {
var handle1 = Point.read(arguments),
handle2 = Point.read(arguments),
to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.cubicCurveTo(current.add(handle1), current.add(handle2),
current.add(to));
},
quadraticCurveBy: function() {
var handle = Point.read(arguments),
to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.quadraticCurveTo(current.add(handle), current.add(to));
},
arcBy: function() {
var through = Point.read(arguments),
to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.arcTo(current.add(through), current.add(to));
},
closePath: function() {
@ -7644,8 +7685,10 @@ var CompoundPath = PathItem.extend({
if (!param.clip) {
this._setStyles(ctx);
var style = this._style;
if (style.hasFill())
if (style.hasFill()) {
ctx.fill(style.getWindingRule());
ctx.shadowColor = 'rgba(0,0,0,0)';
}
if (style.hasStroke())
ctx.stroke();
}
@ -7674,13 +7717,15 @@ var CompoundPath = PathItem.extend({
}
};
Base.each(['lineTo', 'cubicCurveTo', 'quadraticCurveTo', 'curveTo',
'arcTo', 'lineBy', 'curveBy', 'arcBy'], function(key) {
fields[key] = function() {
var path = getCurrentPath(this);
path[key].apply(path, arguments);
};
});
Base.each(['lineTo', 'cubicCurveTo', 'quadraticCurveTo', 'curveTo', 'arcTo',
'lineBy', 'cubicCurveBy', 'quadraticCurveBy', 'curveBy', 'arcBy'],
function(key) {
fields[key] = function() {
var path = getCurrentPath(this);
path[key].apply(path, arguments);
};
}
);
return fields;
});
@ -8212,13 +8257,18 @@ var PointText = TextItem.extend({
this._setStyles(ctx);
var style = this._style,
lines = this._lines,
leading = style.getLeading();
leading = style.getLeading(),
shadowColor = ctx.shadowColor;
ctx.font = style.getFontStyle();
ctx.textAlign = style.getJustification();
for (var i = 0, l = lines.length; i < l; i++) {
ctx.shadowColor = shadowColor;
var line = lines[i];
if (style.hasFill())
if (style.hasFill()) {
ctx.fillText(line, 0, 0);
ctx.shadowColor = 'rgba(0,0,0,0)';
}
if (style.hasStroke())
ctx.strokeText(line, 0, 0);
ctx.translate(0, leading);
@ -8597,7 +8647,7 @@ var Color = Base.extend(new function() {
},
clone: function() {
return new Color(this._type, this._components.slice(), this._alpha);
return new Color(this);
},
_convert: function(type) {
@ -8685,23 +8735,21 @@ var Color = Base.extend(new function() {
+ components.join(',') + ')';
},
toCanvasStyle: function(ctx, matrix) {
toCanvasStyle: function(ctx) {
if (this._canvasStyle)
return this._canvasStyle;
if (this._type !== 'gradient')
return this._canvasStyle = this.toCSS();
var components = this._components,
translation = matrix ? matrix.getTranslation() : new Point(),
gradient = components[0],
stops = gradient._stops,
origin = components[1].subtract(translation),
destination = components[2].subtract(translation),
origin = components[1],
destination = components[2],
canvasGradient;
if (gradient._radial) {
var radius = destination.getDistance(origin),
highlight = components[3];
if (highlight) {
highlight = highlight.subtract(translation);
var vector = highlight.subtract(origin);
if (vector.getLength() > radius)
highlight = origin.add(vector.normalize(radius - 0.1));
@ -9027,8 +9075,11 @@ var Style = Base.extend(new function() {
if (isColor) {
if (old)
delete old._owner;
if (value && value.constructor === Color)
if (value && value.constructor === Color) {
if (value._owner)
value = value.clone();
value._owner = this._item;
}
}
this._values[key] = value;
if (this._item)
@ -9118,6 +9169,10 @@ var Style = Base.extend(new function() {
return !!this.getStrokeColor() && this.getStrokeWidth() > 0;
},
hasShadow: function() {
return !!this.getShadowColor() && this.getShadowBlur() > 0;
},
getLeading: function getLeading() {
var leading = getLeading.base.call(this);
return leading != null ? leading : this.getFontSize() * 1.2;
@ -9377,18 +9432,10 @@ var DomEvent = {
};
DomEvent.requestAnimationFrame = new function() {
var part = 'equestAnimationFrame',
request = window['r' + part] || window['webkitR' + part]
|| window['mozR' + part] || window['oR' + part]
|| window['msR' + part];
if (request) {
request(function(time) {
if (time == null)
request = null;
});
}
var callbacks = [],
var nativeRequest = DomElement.getPrefixValue(window,
'requestAnimationFrame'),
requested = false,
callbacks = [],
focused = true,
timer;
@ -9401,24 +9448,36 @@ DomEvent.requestAnimationFrame = new function() {
}
});
return function(callback, element) {
if (request)
return request(callback, element);
callbacks.push([callback, element]);
if (timer)
return;
timer = setInterval(function() {
for (var i = callbacks.length - 1; i >= 0; i--) {
var entry = callbacks[i],
func = entry[0],
el = entry[1];
if (!el || (PaperScope.getAttribute(el, 'keepalive') == 'true'
|| focused) && DomElement.isInView(el)) {
callbacks.splice(i, 1);
func(Date.now());
}
function handleCallbacks() {
for (var i = callbacks.length - 1; i >= 0; i--) {
var entry = callbacks[i],
func = entry[0],
el = entry[1];
if (!el || (PaperScope.getAttribute(el, 'keepalive') == 'true'
|| focused) && DomElement.isInView(el)) {
callbacks.splice(i, 1);
func();
}
}, 1000 / 60);
}
if (nativeRequest) {
if (callbacks.length) {
nativeRequest(handleCallbacks);
} else {
requested = false;
}
}
}
return function(callback, element) {
callbacks.push([callback, element]);
if (nativeRequest) {
if (!requested) {
nativeRequest(handleCallbacks);
requested = true;
}
} else if (!timer) {
timer = setInterval(handleCallbacks, 1000 / 60);
}
};
};
@ -10005,6 +10064,7 @@ var Key = new function() {
tool = scope && scope._tool;
keyMap[key] = down;
if (tool && tool.responds(type)) {
paper = scope;
tool.fire(type, new KeyEvent(down, key, character, event));
if (view)
view.draw(true);
@ -10545,6 +10605,28 @@ var Tool = PaperScopeItem.extend({
});
var Http = {
request: function(method, url, callback) {
var xhr = new (window.ActiveXObject || XMLHttpRequest)(
'Microsoft.XMLHTTP');
xhr.open(method.toUpperCase(), url, true);
if ('overrideMimeType' in xhr)
xhr.overrideMimeType('text/plain');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
var status = xhr.status;
if (status === 0 || status === 200) {
callback.call(xhr, xhr.responseText);
} else {
throw new Error('Could not load ' + url + ' (Error '
+ status + ')');
}
}
};
return xhr.send(null);
}
};
var CanvasProvider = {
canvases: [],
@ -10920,13 +11002,13 @@ new function() {
return attrs;
}
function exportGroup(item) {
function exportGroup(item, options) {
var attrs = getTransform(item),
children = item._children;
var node = createElement('g', attrs);
for (var i = 0, l = children.length; i < l; i++) {
var child = children[i];
var childNode = exportSVG(child);
var childNode = exportSVG(child, options);
if (childNode) {
if (child.isClipMask()) {
var clip = createElement('clipPath');
@ -10954,7 +11036,12 @@ new function() {
return createElement('image', attrs);
}
function exportPath(item) {
function exportPath(item, options) {
if (options.matchShapes) {
var shape = item.toShape(false);
if (shape)
return exportShape(shape, options);
}
var segments = item._segments,
type,
attrs;
@ -10990,7 +11077,6 @@ new function() {
function exportShape(item) {
var shape = item._shape,
center = item.getPosition(true),
radius = item._radius,
attrs = getTransform(item, true, shape !== 'rectangle');
if (shape === 'rectangle') {
@ -11024,7 +11110,7 @@ new function() {
return createElement('path', attrs);
}
function exportPlacedSymbol(item) {
function exportPlacedSymbol(item, options) {
var attrs = getTransform(item, true),
symbol = item.getSymbol(),
symbolNode = getDefinition(symbol, 'symbol'),
@ -11034,7 +11120,7 @@ new function() {
symbolNode = createElement('symbol', {
viewBox: formatter.rectangle(bounds)
});
symbolNode.appendChild(exportSVG(definition));
symbolNode.appendChild(exportSVG(definition, options));
setDefinition(symbol, symbolNode, 'symbol');
}
attrs.href = '#' + symbolNode.id;
@ -11045,7 +11131,7 @@ new function() {
return createElement('use', attrs);
}
function exportGradient(color, item) {
function exportGradient(color) {
var gradientNode = getDefinition(color, 'color');
if (!gradientNode) {
var gradient = color.getGradient(),
@ -11169,29 +11255,31 @@ new function() {
}
function exportDefinitions(node, options) {
if (!definitions)
return node;
var svg = node.nodeName.toLowerCase() === 'svg' && node,
var svg = node,
defs = null;
for (var i in definitions.svgs) {
if (!defs) {
if (!svg) {
svg = createElement('svg');
svg.appendChild(node);
if (definitions) {
svg = node.nodeName.toLowerCase() === 'svg' && node;
for (var i in definitions.svgs) {
if (!defs) {
if (!svg) {
svg = createElement('svg');
svg.appendChild(node);
}
defs = svg.insertBefore(createElement('defs'),
svg.firstChild);
}
defs = svg.insertBefore(createElement('defs'), svg.firstChild);
defs.appendChild(definitions.svgs[i]);
}
defs.appendChild(definitions.svgs[i]);
definitions = null;
}
definitions = null;
return options.asString
? new XMLSerializer().serializeToString(svg)
: svg;
}
function exportSVG(item) {
function exportSVG(item, options) {
var exporter = exporters[item._type],
node = exporter && exporter(item, item._type);
node = exporter && exporter(item, options);
if (node && item._data)
node.setAttribute('data-paper-data', JSON.stringify(item._data));
return node && applyStyle(item, node);
@ -11207,7 +11295,7 @@ new function() {
Item.inject({
exportSVG: function(options) {
options = setOptions(options);
return exportDefinitions(exportSVG(this), options);
return exportDefinitions(exportSVG(this, options), options);
}
});
@ -11226,7 +11314,7 @@ new function() {
'xmlns:xlink': 'http://www.w3.org/1999/xlink'
});
for (var i = 0, l = layers.length; i < l; i++)
node.appendChild(exportSVG(layers[i]));
node.appendChild(exportSVG(layers[i], options));
return exportDefinitions(node, options);
}
});
@ -11255,15 +11343,15 @@ new function() {
function getPoint(node, x, y, allowNull) {
x = getValue(node, x, false, allowNull);
y = getValue(node, y, false, allowNull);
return allowNull && x == null && y == null ? null
: new Point(x || 0, y || 0);
return allowNull && (x == null || y == null) ? null
: new Point(x, y);
}
function getSize(node, w, h, allowNull) {
w = getValue(node, w, false, allowNull);
h = getValue(node, h, false, allowNull);
return allowNull && w == null && h == null ? null
: new Size(w || 0, h || 0);
return allowNull && (w == null || h == null) ? null
: new Size(w, h);
}
function convertValue(value, type, lookup) {
@ -11280,7 +11368,7 @@ new function() {
: value;
}
function importGroup(node, type, options) {
function importGroup(node, type, isRoot, options) {
var nodes = node.childNodes,
clip = type === 'clippath',
item = new Group(),
@ -11289,20 +11377,20 @@ new function() {
children = [];
if (!clip) {
item._transformContent = false;
item = applyAttributes(item, node);
item = applyAttributes(item, node, isRoot);
project._currentStyle = item._style.clone();
}
for (var i = 0, l = nodes.length; i < l; i++) {
var childNode = nodes[i],
child;
if (childNode.nodeType === 1
&& (child = importSVG(childNode, options))
&& (child = importSVG(childNode, false, options))
&& !(child instanceof Symbol))
children.push(child);
}
item.addChildren(children);
if (clip)
item = applyAttributes(item.reduce(), node);
item = applyAttributes(item.reduce(), node, isRoot);
project._currentStyle = currentStyle;
if (clip || type === 'defs') {
item.remove();
@ -11356,8 +11444,8 @@ new function() {
}
var importers = {
'#document': function(node, type, options) {
return importSVG(node.childNodes[0], options);
'#document': function(node, type, isRoot, options) {
return importSVG(node.childNodes[0], isRoot, options);
},
g: importGroup,
@ -11379,8 +11467,8 @@ new function() {
return raster;
},
symbol: function(node, type) {
return new Symbol(importGroup(node, type), true);
symbol: function(node, type, isRoot, options) {
return new Symbol(importGroup(node, type, isRoot, options), true);
},
defs: importGroup,
@ -11474,8 +11562,13 @@ new function() {
var attributes = Base.merge(Base.each(SVGStyles, function(entry) {
this[entry.attribute] = function(item, value) {
item[entry.set](
convertValue(value, entry.type, entry.fromSVG));
item[entry.set](convertValue(value, entry.type, entry.fromSVG));
if (entry.type === 'color' && item instanceof Shape) {
var color = item[entry.get]();
if (color)
color.transform(new Matrix().translate(
item.getPosition(true).negate()));
}
};
}, {}), {
id: function(item, value) {
@ -11561,10 +11654,10 @@ new function() {
: value;
}
function applyAttributes(item, node) {
function applyAttributes(item, node, isRoot) {
var styles = {
node: DomElement.getStyles(node) || {},
parent: DomElement.getStyles(node.parentNode) || {}
parent: !isRoot && DomElement.getStyles(node.parentNode) || {}
};
Base.each(attributes, function(apply, name) {
var value = getAttribute(node, name, styles);
@ -11580,38 +11673,55 @@ new function() {
return match && definitions[match[1]];
}
function importSVG(node, options, clearDefs) {
function importSVG(node, isRoot, options) {
if (!options)
options = {};
if (typeof node === 'string')
if (typeof node === 'string') {
if (isRoot && !/^.*</.test(node)) {
if (typeof options === 'function')
options = { onLoad: options };
var scope = paper;
return Http.request('get', node, function(svg) {
paper = scope;
var item = importSVG(svg, isRoot, options),
onLoad = options.onLoad,
view = scope.project && scope.project.view;
if (onLoad)
onLoad.call(this, item);
view.draw(true);
});
}
node = new DOMParser().parseFromString(node, 'image/svg+xml');
}
var type = node.nodeName.toLowerCase(),
importer = importers[type],
item = importer && importer(node, type, options),
item = importer && importer(node, type, isRoot, options),
data = type !== '#document' && node.getAttribute('data-paper-data');
if (options.expandShapes && item instanceof Shape) {
item.remove();
item = item.toPath();
if (item) {
if (!(item instanceof Group))
item = applyAttributes(item, node, isRoot);
if (options.expandShapes && item instanceof Shape) {
item.remove();
item = item.toPath();
}
if (data)
item._data = JSON.parse(data);
}
if (item && !(item instanceof Group))
item = applyAttributes(item, node);
if (item && data)
item._data = JSON.parse(data);
if (clearDefs)
if (isRoot)
definitions = {};
return item;
}
Item.inject({
importSVG: function(node, options) {
return this.addChild(importSVG(node, options, true));
return this.addChild(importSVG(node, true, options));
}
});
Project.inject({
importSVG: function(node, options) {
this.activate();
return importSVG(node, options, true);
return importSVG(node, true, options);
}
});
};
@ -11814,20 +11924,6 @@ paper.PaperScope.prototype.PaperScript = (function(root) {
return res;
}
function request(url, scope) {
var xhr = new (window.ActiveXObject || XMLHttpRequest)(
'Microsoft.XMLHTTP');
xhr.open('GET', url, true);
if (xhr.overrideMimeType)
xhr.overrideMimeType('text/plain');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
return evaluate(xhr.responseText, scope);
}
};
return xhr.send(null);
}
function load() {
var scripts = document.getElementsByTagName('script');
for (var i = 0, l = scripts.length; i < l; i++) {
@ -11836,9 +11932,12 @@ paper.PaperScope.prototype.PaperScript = (function(root) {
&& !script.getAttribute('data-paper-ignore')) {
var canvas = PaperScope.getAttribute(script, 'canvas'),
scope = PaperScope.get(canvas)
|| new PaperScope(script).setup(canvas);
if (script.src) {
request(script.src, scope);
|| new PaperScope(script).setup(canvas),
src = script.src;
if (src) {
Http.request('get', src, function(code) {
evaluate(code, scope);
});
} else {
evaluate(script.innerHTML, scope);
}

16
dist/paper-full.min.js vendored
View file

File diff suppressed because one or more lines are too long

387
dist/paper-node.js vendored
View file

@ -1,5 +1,5 @@
/*!
* Paper.js v0.9.10 - The Swiss Army Knife of Vector Graphics Scripting.
* Paper.js v0.9.11 - The Swiss Army Knife of Vector Graphics Scripting.
* http://paperjs.org/
*
* Copyright (c) 2011 - 2013, Juerg Lehni & Jonathan Puckey
@ -9,7 +9,7 @@
*
* All rights reserved.
*
* Date: Tue Oct 29 21:56:00 2013 +0100
* Date: Sat Nov 2 21:26:32 2013 +0100
*
***
*
@ -466,31 +466,33 @@ Base.inject({
: res;
},
deserialize: function(obj, data) {
var res = obj;
data = data || {};
if (Array.isArray(obj)) {
var type = obj[0],
deserialize: function(json, target, _data) {
var res = json;
_data = _data || {};
if (Array.isArray(json)) {
var type = json[0],
isDictionary = type === 'dictionary';
if (!isDictionary) {
if (data.dictionary && obj.length == 1 && /^#/.test(type))
return data.dictionary[type];
if (_data.dictionary && json.length == 1 && /^#/.test(type))
return _data.dictionary[type];
type = Base.exports[type];
}
res = [];
for (var i = type ? 1 : 0, l = obj.length; i < l; i++)
res.push(Base.deserialize(obj[i], data));
for (var i = type ? 1 : 0, l = json.length; i < l; i++)
res.push(Base.deserialize(json[i], null, _data));
if (isDictionary) {
data.dictionary = res[0];
_data.dictionary = res[0];
} else if (type) {
var args = res;
res = Base.create(type.prototype);
res = target instanceof type
? target
: Base.create(type.prototype);
type.apply(res, args);
}
} else if (Base.isPlainObject(obj)) {
} else if (Base.isPlainObject(json)) {
res = {};
for (var key in obj)
res[key] = Base.deserialize(obj[key], data);
for (var key in json)
res[key] = Base.deserialize(json[key], null, _data);
}
return res;
},
@ -499,9 +501,9 @@ Base.inject({
return JSON.stringify(Base.serialize(obj, options));
},
importJSON: function(json) {
importJSON: function(json, target) {
return Base.deserialize(
typeof json === 'string' ? JSON.parse(json) : json);
typeof json === 'string' ? JSON.parse(json) : json, target);
},
splice: function(list, items, index, remove) {
@ -682,7 +684,7 @@ var PaperScope = Base.extend({
}
},
version: '0.9.10',
version: '0.9.11',
getView: function() {
return this.project && this.project.view;
@ -694,6 +696,10 @@ var PaperScope = Base.extend({
return this._tool;
},
getPaper: function() {
return this;
},
evaluate: function(code) {
var res = paper.PaperScript.evaluate(code, this);
View.updateFocus();
@ -2009,10 +2015,10 @@ var Matrix = Base.extend({
return !this._getDeterminant();
},
transform: function( src, srcOff, dst, dstOff, numPts) {
transform: function( src, srcOffset, dst, dstOffset, count) {
return arguments.length < 5
? this._transformPoint(Point.read(arguments))
: this._transformCoordinates(src, srcOff, dst, dstOff, numPts);
: this._transformCoordinates(src, srcOffset, dst, dstOffset, count);
},
_transformPoint: function(point, dest, dontNotify) {
@ -2027,10 +2033,11 @@ var Matrix = Base.extend({
);
},
_transformCoordinates: function(src, srcOff, dst, dstOff, numPts) {
var i = srcOff, j = dstOff,
srcEnd = srcOff + 2 * numPts;
while (i < srcEnd) {
_transformCoordinates: function(src, srcOffset, dst, dstOffset, count) {
var i = srcOffset,
j = dstOffset,
max = i + 2 * count;
while (i < max) {
var x = src[i++],
y = src[i++];
dst[j++] = x * this._a + y * this._b + this._tx;
@ -2736,6 +2743,10 @@ var Item = Base.extend(Callback, {
hasStroke: function() {
return this.getStyle().hasStroke();
},
hasShadow: function() {
return this.getStyle().hasShadow();
}
}, Base.each(['locked', 'visible', 'blendMode', 'opacity', 'guide'],
function(name) {
@ -3251,7 +3262,10 @@ var Item = Base.extend(Callback, {
}, {
importJSON: function(json) {
return this.addChild(Base.importJSON(json));
var res = Base.importJSON(json, this);
return res !== this
? this.addChild(res)
: res;
},
addChild: function(item, _preserve) {
@ -3387,6 +3401,8 @@ var Item = Base.extend(Callback, {
return removed;
},
clear: '#removeChildren',
reverseChildren: function() {
if (this._children) {
this._children.reverse();
@ -3561,43 +3577,49 @@ var Item = Base.extend(Callback, {
_setStyles: function(ctx) {
var style = this._style,
matrix = this._matrix,
strokeWidth = style.getStrokeWidth(),
fillColor = style.getFillColor(),
strokeColor = style.getStrokeColor(),
shadowColor = style.getShadowColor();
if (fillColor)
ctx.fillStyle = fillColor.toCanvasStyle(ctx, matrix);
if (strokeColor && strokeWidth > 0) {
ctx.strokeStyle = strokeColor.toCanvasStyle(ctx, matrix);
ctx.lineWidth = strokeWidth;
var strokeJoin = style.getStrokeJoin(),
strokeCap = style.getStrokeCap(),
miterLimit = style.getMiterLimit(),
dashArray = style.getDashArray(),
dashOffset = style.getDashOffset();
if (strokeJoin)
ctx.lineJoin = strokeJoin;
if (strokeCap)
ctx.lineCap = strokeCap;
if (miterLimit)
ctx.miterLimit = miterLimit;
if (paper.support.nativeDash && dashArray && dashArray.length) {
if ('setLineDash' in ctx) {
ctx.setLineDash(dashArray);
ctx.lineDashOffset = dashOffset;
} else {
ctx.mozDash = dashArray;
ctx.mozDashOffset = dashOffset;
ctx.fillStyle = fillColor.toCanvasStyle(ctx);
if (strokeColor) {
var strokeWidth = style.getStrokeWidth();
if (strokeWidth > 0) {
ctx.strokeStyle = strokeColor.toCanvasStyle(ctx);
ctx.lineWidth = strokeWidth;
var strokeJoin = style.getStrokeJoin(),
strokeCap = style.getStrokeCap(),
miterLimit = style.getMiterLimit();
if (strokeJoin)
ctx.lineJoin = strokeJoin;
if (strokeCap)
ctx.lineCap = strokeCap;
if (miterLimit)
ctx.miterLimit = miterLimit;
if (paper.support.nativeDash) {
var dashArray = style.getDashArray(),
dashOffset = style.getDashOffset();
if (dashArray && dashArray.length) {
if ('setLineDash' in ctx) {
ctx.setLineDash(dashArray);
ctx.lineDashOffset = dashOffset;
} else {
ctx.mozDash = dashArray;
ctx.mozDashOffset = dashOffset;
}
}
}
}
}
if (shadowColor) {
ctx.shadowColor = shadowColor.toCanvasStyle(ctx);
ctx.shadowBlur = style.getShadowBlur();
var offset = this.getShadowOffset();
ctx.shadowOffsetX = offset.x;
ctx.shadowOffsetY = offset.y;
var shadowBlur = style.getShadowBlur();
if (shadowBlur > 0) {
ctx.shadowColor = shadowColor.toCanvasStyle(ctx);
ctx.shadowBlur = shadowBlur;
var offset = this.getShadowOffset();
ctx.shadowOffsetX = offset.x;
ctx.shadowOffsetY = offset.y;
}
}
},
@ -3894,8 +3916,8 @@ var Shape = Item.extend({
radius: this._radius,
insert: false
});
path.transform(this._matrix);
path.setStyle(this._style);
path.transform(this._matrix);
if (insert || insert === undefined)
path.insertAbove(this);
return path;
@ -3951,8 +3973,10 @@ var Shape = Item.extend({
}
if (!clip && (hasFill || hasStroke)) {
this._setStyles(ctx);
if (hasFill)
if (hasFill) {
ctx.fill(style.getWindingRule());
ctx.shadowColor = 'rgba(0,0,0,0)';
}
if (hasStroke)
ctx.stroke();
}
@ -5893,7 +5917,7 @@ var PathItem = Item.extend({
setPathData: function(data) {
var parts = data.match(/[a-z][^a-z]*/ig),
var parts = data.match(/[mlhvcsqtaz][^mlhvcsqtaz]*/ig),
coords,
relative = false,
control,
@ -5915,18 +5939,15 @@ var PathItem = Item.extend({
);
}
if (this._type === 'path')
this.removeSegments();
else
this.removeChildren();
this.clear();
for (var i = 0, l = parts.length; i < l; i++) {
var part = parts[i],
cmd = part[0],
lower = cmd.toLowerCase();
coords = part.slice(1).trim().split(/[\s,]+|(?=[+-])/);
coords = part.match(/[+-]?(?:\d*\.\d+|\d+\.?)(?:[eE][+-]?\d+)?/g);
var length = coords && coords.length;
relative = cmd === lower;
var length = coords.length;
switch (lower) {
case 'm':
case 'l':
@ -6285,6 +6306,8 @@ var Path = PathItem.extend({
return removed;
},
clear: '#removeSegments',
isFullySelected: function() {
var length = this._segments.length;
return this._selected && length > 0 && this._selectedSegmentState
@ -6880,8 +6903,10 @@ var Path = PathItem.extend({
if (!clip && !compound && (hasFill || hasStroke)) {
this._setStyles(ctx);
if (hasFill)
if (hasFill) {
ctx.fill(style.getWindingRule());
ctx.shadowColor = 'rgba(0,0,0,0)';
}
if (hasStroke) {
if (dashLength) {
ctx.beginPath();
@ -7038,16 +7063,16 @@ var Path = PathItem.extend({
cubicCurveTo: function() {
var handle1 = Point.read(arguments),
handle2 = Point.read(arguments),
to = Point.read(arguments);
var current = getCurrentSegment(this);
to = Point.read(arguments),
current = getCurrentSegment(this);
current.setHandleOut(handle1.subtract(current._point));
this._add([ new Segment(to, handle2.subtract(to)) ]);
},
quadraticCurveTo: function() {
var handle = Point.read(arguments),
to = Point.read(arguments);
var current = getCurrentSegment(this)._point;
to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.cubicCurveTo(
handle.add(current.subtract(handle).multiply(1 / 3)),
handle.add(to.subtract(handle).multiply(1 / 3)),
@ -7126,25 +7151,41 @@ var Path = PathItem.extend({
this._add(segments);
},
lineBy: function(vector) {
vector = Point.read(arguments);
var current = getCurrentSegment(this);
this.lineTo(current._point.add(vector));
lineBy: function() {
var to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.lineTo(current.add(to));
},
curveBy: function(throughVector, toVector, parameter) {
throughVector = Point.read(throughVector);
toVector = Point.read(toVector);
var current = getCurrentSegment(this)._point;
this.curveTo(current.add(throughVector), current.add(toVector),
parameter);
curveBy: function() {
var through = Point.read(arguments),
to = Point.read(arguments),
parameter = Base.read(arguments),
current = getCurrentSegment(this)._point;
this.curveTo(current.add(through), current.add(to), parameter);
},
arcBy: function(throughVector, toVector) {
throughVector = Point.read(throughVector);
toVector = Point.read(toVector);
var current = getCurrentSegment(this)._point;
this.arcTo(current.add(throughVector), current.add(toVector));
cubicCurveBy: function() {
var handle1 = Point.read(arguments),
handle2 = Point.read(arguments),
to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.cubicCurveTo(current.add(handle1), current.add(handle2),
current.add(to));
},
quadraticCurveBy: function() {
var handle = Point.read(arguments),
to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.quadraticCurveTo(current.add(handle), current.add(to));
},
arcBy: function() {
var through = Point.read(arguments),
to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.arcTo(current.add(through), current.add(to));
},
closePath: function() {
@ -7625,8 +7666,10 @@ var CompoundPath = PathItem.extend({
if (!param.clip) {
this._setStyles(ctx);
var style = this._style;
if (style.hasFill())
if (style.hasFill()) {
ctx.fill(style.getWindingRule());
ctx.shadowColor = 'rgba(0,0,0,0)';
}
if (style.hasStroke())
ctx.stroke();
}
@ -7655,13 +7698,15 @@ var CompoundPath = PathItem.extend({
}
};
Base.each(['lineTo', 'cubicCurveTo', 'quadraticCurveTo', 'curveTo',
'arcTo', 'lineBy', 'curveBy', 'arcBy'], function(key) {
fields[key] = function() {
var path = getCurrentPath(this);
path[key].apply(path, arguments);
};
});
Base.each(['lineTo', 'cubicCurveTo', 'quadraticCurveTo', 'curveTo', 'arcTo',
'lineBy', 'cubicCurveBy', 'quadraticCurveBy', 'curveBy', 'arcBy'],
function(key) {
fields[key] = function() {
var path = getCurrentPath(this);
path[key].apply(path, arguments);
};
}
);
return fields;
});
@ -8193,13 +8238,18 @@ var PointText = TextItem.extend({
this._setStyles(ctx);
var style = this._style,
lines = this._lines,
leading = style.getLeading();
leading = style.getLeading(),
shadowColor = ctx.shadowColor;
ctx.font = style.getFontStyle();
ctx.textAlign = style.getJustification();
for (var i = 0, l = lines.length; i < l; i++) {
ctx.shadowColor = shadowColor;
var line = lines[i];
if (style.hasFill())
if (style.hasFill()) {
ctx.fillText(line, 0, 0);
ctx.shadowColor = 'rgba(0,0,0,0)';
}
if (style.hasStroke())
ctx.strokeText(line, 0, 0);
ctx.translate(0, leading);
@ -8578,7 +8628,7 @@ var Color = Base.extend(new function() {
},
clone: function() {
return new Color(this._type, this._components.slice(), this._alpha);
return new Color(this);
},
_convert: function(type) {
@ -8666,23 +8716,21 @@ var Color = Base.extend(new function() {
+ components.join(',') + ')';
},
toCanvasStyle: function(ctx, matrix) {
toCanvasStyle: function(ctx) {
if (this._canvasStyle)
return this._canvasStyle;
if (this._type !== 'gradient')
return this._canvasStyle = this.toCSS();
var components = this._components,
translation = matrix ? matrix.getTranslation() : new Point(),
gradient = components[0],
stops = gradient._stops,
origin = components[1].subtract(translation),
destination = components[2].subtract(translation),
origin = components[1],
destination = components[2],
canvasGradient;
if (gradient._radial) {
var radius = destination.getDistance(origin),
highlight = components[3];
if (highlight) {
highlight = highlight.subtract(translation);
var vector = highlight.subtract(origin);
if (vector.getLength() > radius)
highlight = origin.add(vector.normalize(radius - 0.1));
@ -9008,8 +9056,11 @@ var Style = Base.extend(new function() {
if (isColor) {
if (old)
delete old._owner;
if (value && value.constructor === Color)
if (value && value.constructor === Color) {
if (value._owner)
value = value.clone();
value._owner = this._item;
}
}
this._values[key] = value;
if (this._item)
@ -9099,6 +9150,10 @@ var Style = Base.extend(new function() {
return !!this.getStrokeColor() && this.getStrokeWidth() > 0;
},
hasShadow: function() {
return !!this.getShadowColor() && this.getShadowBlur() > 0;
},
getLeading: function getLeading() {
var leading = getLeading.base.call(this);
return leading != null ? leading : this.getFontSize() * 1.2;
@ -10109,13 +10164,13 @@ new function() {
return attrs;
}
function exportGroup(item) {
function exportGroup(item, options) {
var attrs = getTransform(item),
children = item._children;
var node = createElement('g', attrs);
for (var i = 0, l = children.length; i < l; i++) {
var child = children[i];
var childNode = exportSVG(child);
var childNode = exportSVG(child, options);
if (childNode) {
if (child.isClipMask()) {
var clip = createElement('clipPath');
@ -10143,7 +10198,12 @@ new function() {
return createElement('image', attrs);
}
function exportPath(item) {
function exportPath(item, options) {
if (options.matchShapes) {
var shape = item.toShape(false);
if (shape)
return exportShape(shape, options);
}
var segments = item._segments,
type,
attrs;
@ -10179,7 +10239,6 @@ new function() {
function exportShape(item) {
var shape = item._shape,
center = item.getPosition(true),
radius = item._radius,
attrs = getTransform(item, true, shape !== 'rectangle');
if (shape === 'rectangle') {
@ -10213,7 +10272,7 @@ new function() {
return createElement('path', attrs);
}
function exportPlacedSymbol(item) {
function exportPlacedSymbol(item, options) {
var attrs = getTransform(item, true),
symbol = item.getSymbol(),
symbolNode = getDefinition(symbol, 'symbol'),
@ -10223,7 +10282,7 @@ new function() {
symbolNode = createElement('symbol', {
viewBox: formatter.rectangle(bounds)
});
symbolNode.appendChild(exportSVG(definition));
symbolNode.appendChild(exportSVG(definition, options));
setDefinition(symbol, symbolNode, 'symbol');
}
attrs.href = '#' + symbolNode.id;
@ -10234,7 +10293,7 @@ new function() {
return createElement('use', attrs);
}
function exportGradient(color, item) {
function exportGradient(color) {
var gradientNode = getDefinition(color, 'color');
if (!gradientNode) {
var gradient = color.getGradient(),
@ -10358,29 +10417,31 @@ new function() {
}
function exportDefinitions(node, options) {
if (!definitions)
return node;
var svg = node.nodeName.toLowerCase() === 'svg' && node,
var svg = node,
defs = null;
for (var i in definitions.svgs) {
if (!defs) {
if (!svg) {
svg = createElement('svg');
svg.appendChild(node);
if (definitions) {
svg = node.nodeName.toLowerCase() === 'svg' && node;
for (var i in definitions.svgs) {
if (!defs) {
if (!svg) {
svg = createElement('svg');
svg.appendChild(node);
}
defs = svg.insertBefore(createElement('defs'),
svg.firstChild);
}
defs = svg.insertBefore(createElement('defs'), svg.firstChild);
defs.appendChild(definitions.svgs[i]);
}
defs.appendChild(definitions.svgs[i]);
definitions = null;
}
definitions = null;
return options.asString
? new XMLSerializer().serializeToString(svg)
: svg;
}
function exportSVG(item) {
function exportSVG(item, options) {
var exporter = exporters[item._type],
node = exporter && exporter(item, item._type);
node = exporter && exporter(item, options);
if (node && item._data)
node.setAttribute('data-paper-data', JSON.stringify(item._data));
return node && applyStyle(item, node);
@ -10396,7 +10457,7 @@ new function() {
Item.inject({
exportSVG: function(options) {
options = setOptions(options);
return exportDefinitions(exportSVG(this), options);
return exportDefinitions(exportSVG(this, options), options);
}
});
@ -10415,7 +10476,7 @@ new function() {
'xmlns:xlink': 'http://www.w3.org/1999/xlink'
});
for (var i = 0, l = layers.length; i < l; i++)
node.appendChild(exportSVG(layers[i]));
node.appendChild(exportSVG(layers[i], options));
return exportDefinitions(node, options);
}
});
@ -10444,15 +10505,15 @@ new function() {
function getPoint(node, x, y, allowNull) {
x = getValue(node, x, false, allowNull);
y = getValue(node, y, false, allowNull);
return allowNull && x == null && y == null ? null
: new Point(x || 0, y || 0);
return allowNull && (x == null || y == null) ? null
: new Point(x, y);
}
function getSize(node, w, h, allowNull) {
w = getValue(node, w, false, allowNull);
h = getValue(node, h, false, allowNull);
return allowNull && w == null && h == null ? null
: new Size(w || 0, h || 0);
return allowNull && (w == null || h == null) ? null
: new Size(w, h);
}
function convertValue(value, type, lookup) {
@ -10469,7 +10530,7 @@ new function() {
: value;
}
function importGroup(node, type, options) {
function importGroup(node, type, isRoot, options) {
var nodes = node.childNodes,
clip = type === 'clippath',
item = new Group(),
@ -10478,20 +10539,20 @@ new function() {
children = [];
if (!clip) {
item._transformContent = false;
item = applyAttributes(item, node);
item = applyAttributes(item, node, isRoot);
project._currentStyle = item._style.clone();
}
for (var i = 0, l = nodes.length; i < l; i++) {
var childNode = nodes[i],
child;
if (childNode.nodeType === 1
&& (child = importSVG(childNode, options))
&& (child = importSVG(childNode, false, options))
&& !(child instanceof Symbol))
children.push(child);
}
item.addChildren(children);
if (clip)
item = applyAttributes(item.reduce(), node);
item = applyAttributes(item.reduce(), node, isRoot);
project._currentStyle = currentStyle;
if (clip || type === 'defs') {
item.remove();
@ -10545,8 +10606,8 @@ new function() {
}
var importers = {
'#document': function(node, type, options) {
return importSVG(node.childNodes[0], options);
'#document': function(node, type, isRoot, options) {
return importSVG(node.childNodes[0], isRoot, options);
},
g: importGroup,
@ -10568,8 +10629,8 @@ new function() {
return raster;
},
symbol: function(node, type) {
return new Symbol(importGroup(node, type), true);
symbol: function(node, type, isRoot, options) {
return new Symbol(importGroup(node, type, isRoot, options), true);
},
defs: importGroup,
@ -10663,8 +10724,13 @@ new function() {
var attributes = Base.merge(Base.each(SVGStyles, function(entry) {
this[entry.attribute] = function(item, value) {
item[entry.set](
convertValue(value, entry.type, entry.fromSVG));
item[entry.set](convertValue(value, entry.type, entry.fromSVG));
if (entry.type === 'color' && item instanceof Shape) {
var color = item[entry.get]();
if (color)
color.transform(new Matrix().translate(
item.getPosition(true).negate()));
}
};
}, {}), {
id: function(item, value) {
@ -10750,10 +10816,10 @@ new function() {
: value;
}
function applyAttributes(item, node) {
function applyAttributes(item, node, isRoot) {
var styles = {
node: DomElement.getStyles(node) || {},
parent: DomElement.getStyles(node.parentNode) || {}
parent: !isRoot && DomElement.getStyles(node.parentNode) || {}
};
Base.each(attributes, function(apply, name) {
var value = getAttribute(node, name, styles);
@ -10769,38 +10835,55 @@ new function() {
return match && definitions[match[1]];
}
function importSVG(node, options, clearDefs) {
function importSVG(node, isRoot, options) {
if (!options)
options = {};
if (typeof node === 'string')
if (typeof node === 'string') {
if (isRoot && !/^.*</.test(node)) {
if (typeof options === 'function')
options = { onLoad: options };
var scope = paper;
return Http.request('get', node, function(svg) {
paper = scope;
var item = importSVG(svg, isRoot, options),
onLoad = options.onLoad,
view = scope.project && scope.project.view;
if (onLoad)
onLoad.call(this, item);
view.draw(true);
});
}
node = new DOMParser().parseFromString(node, 'image/svg+xml');
}
var type = node.nodeName.toLowerCase(),
importer = importers[type],
item = importer && importer(node, type, options),
item = importer && importer(node, type, isRoot, options),
data = type !== '#document' && node.getAttribute('data-paper-data');
if (options.expandShapes && item instanceof Shape) {
item.remove();
item = item.toPath();
if (item) {
if (!(item instanceof Group))
item = applyAttributes(item, node, isRoot);
if (options.expandShapes && item instanceof Shape) {
item.remove();
item = item.toPath();
}
if (data)
item._data = JSON.parse(data);
}
if (item && !(item instanceof Group))
item = applyAttributes(item, node);
if (item && data)
item._data = JSON.parse(data);
if (clearDefs)
if (isRoot)
definitions = {};
return item;
}
Item.inject({
importSVG: function(node, options) {
return this.addChild(importSVG(node, options, true));
return this.addChild(importSVG(node, true, options));
}
});
Project.inject({
importSVG: function(node, options) {
this.activate();
return importSVG(node, options, true);
return importSVG(node, true, options);
}
});
};

495
dist/paper.js vendored
View file

@ -1,5 +1,5 @@
/*!
* Paper.js v0.9.10 - The Swiss Army Knife of Vector Graphics Scripting.
* Paper.js v0.9.11 - The Swiss Army Knife of Vector Graphics Scripting.
* http://paperjs.org/
*
* Copyright (c) 2011 - 2013, Juerg Lehni & Jonathan Puckey
@ -9,7 +9,7 @@
*
* All rights reserved.
*
* Date: Tue Oct 29 21:56:00 2013 +0100
* Date: Sat Nov 2 21:26:32 2013 +0100
*
***
*
@ -466,31 +466,33 @@ Base.inject({
: res;
},
deserialize: function(obj, data) {
var res = obj;
data = data || {};
if (Array.isArray(obj)) {
var type = obj[0],
deserialize: function(json, target, _data) {
var res = json;
_data = _data || {};
if (Array.isArray(json)) {
var type = json[0],
isDictionary = type === 'dictionary';
if (!isDictionary) {
if (data.dictionary && obj.length == 1 && /^#/.test(type))
return data.dictionary[type];
if (_data.dictionary && json.length == 1 && /^#/.test(type))
return _data.dictionary[type];
type = Base.exports[type];
}
res = [];
for (var i = type ? 1 : 0, l = obj.length; i < l; i++)
res.push(Base.deserialize(obj[i], data));
for (var i = type ? 1 : 0, l = json.length; i < l; i++)
res.push(Base.deserialize(json[i], null, _data));
if (isDictionary) {
data.dictionary = res[0];
_data.dictionary = res[0];
} else if (type) {
var args = res;
res = Base.create(type.prototype);
res = target instanceof type
? target
: Base.create(type.prototype);
type.apply(res, args);
}
} else if (Base.isPlainObject(obj)) {
} else if (Base.isPlainObject(json)) {
res = {};
for (var key in obj)
res[key] = Base.deserialize(obj[key], data);
for (var key in json)
res[key] = Base.deserialize(json[key], null, _data);
}
return res;
},
@ -499,9 +501,9 @@ Base.inject({
return JSON.stringify(Base.serialize(obj, options));
},
importJSON: function(json) {
importJSON: function(json, target) {
return Base.deserialize(
typeof json === 'string' ? JSON.parse(json) : json);
typeof json === 'string' ? JSON.parse(json) : json, target);
},
splice: function(list, items, index, remove) {
@ -682,7 +684,7 @@ var PaperScope = Base.extend({
}
},
version: '0.9.10',
version: '0.9.11',
getView: function() {
return this.project && this.project.view;
@ -694,6 +696,10 @@ var PaperScope = Base.extend({
return this._tool;
},
getPaper: function() {
return this;
},
evaluate: function(code) {
var res = paper.PaperScript.evaluate(code, this);
View.updateFocus();
@ -2009,10 +2015,10 @@ var Matrix = Base.extend({
return !this._getDeterminant();
},
transform: function( src, srcOff, dst, dstOff, numPts) {
transform: function( src, srcOffset, dst, dstOffset, count) {
return arguments.length < 5
? this._transformPoint(Point.read(arguments))
: this._transformCoordinates(src, srcOff, dst, dstOff, numPts);
: this._transformCoordinates(src, srcOffset, dst, dstOffset, count);
},
_transformPoint: function(point, dest, dontNotify) {
@ -2027,10 +2033,11 @@ var Matrix = Base.extend({
);
},
_transformCoordinates: function(src, srcOff, dst, dstOff, numPts) {
var i = srcOff, j = dstOff,
srcEnd = srcOff + 2 * numPts;
while (i < srcEnd) {
_transformCoordinates: function(src, srcOffset, dst, dstOffset, count) {
var i = srcOffset,
j = dstOffset,
max = i + 2 * count;
while (i < max) {
var x = src[i++],
y = src[i++];
dst[j++] = x * this._a + y * this._b + this._tx;
@ -2736,6 +2743,10 @@ var Item = Base.extend(Callback, {
hasStroke: function() {
return this.getStyle().hasStroke();
},
hasShadow: function() {
return this.getStyle().hasShadow();
}
}, Base.each(['locked', 'visible', 'blendMode', 'opacity', 'guide'],
function(name) {
@ -3251,7 +3262,10 @@ var Item = Base.extend(Callback, {
}, {
importJSON: function(json) {
return this.addChild(Base.importJSON(json));
var res = Base.importJSON(json, this);
return res !== this
? this.addChild(res)
: res;
},
addChild: function(item, _preserve) {
@ -3387,6 +3401,8 @@ var Item = Base.extend(Callback, {
return removed;
},
clear: '#removeChildren',
reverseChildren: function() {
if (this._children) {
this._children.reverse();
@ -3561,43 +3577,49 @@ var Item = Base.extend(Callback, {
_setStyles: function(ctx) {
var style = this._style,
matrix = this._matrix,
strokeWidth = style.getStrokeWidth(),
fillColor = style.getFillColor(),
strokeColor = style.getStrokeColor(),
shadowColor = style.getShadowColor();
if (fillColor)
ctx.fillStyle = fillColor.toCanvasStyle(ctx, matrix);
if (strokeColor && strokeWidth > 0) {
ctx.strokeStyle = strokeColor.toCanvasStyle(ctx, matrix);
ctx.lineWidth = strokeWidth;
var strokeJoin = style.getStrokeJoin(),
strokeCap = style.getStrokeCap(),
miterLimit = style.getMiterLimit(),
dashArray = style.getDashArray(),
dashOffset = style.getDashOffset();
if (strokeJoin)
ctx.lineJoin = strokeJoin;
if (strokeCap)
ctx.lineCap = strokeCap;
if (miterLimit)
ctx.miterLimit = miterLimit;
if (paper.support.nativeDash && dashArray && dashArray.length) {
if ('setLineDash' in ctx) {
ctx.setLineDash(dashArray);
ctx.lineDashOffset = dashOffset;
} else {
ctx.mozDash = dashArray;
ctx.mozDashOffset = dashOffset;
ctx.fillStyle = fillColor.toCanvasStyle(ctx);
if (strokeColor) {
var strokeWidth = style.getStrokeWidth();
if (strokeWidth > 0) {
ctx.strokeStyle = strokeColor.toCanvasStyle(ctx);
ctx.lineWidth = strokeWidth;
var strokeJoin = style.getStrokeJoin(),
strokeCap = style.getStrokeCap(),
miterLimit = style.getMiterLimit();
if (strokeJoin)
ctx.lineJoin = strokeJoin;
if (strokeCap)
ctx.lineCap = strokeCap;
if (miterLimit)
ctx.miterLimit = miterLimit;
if (paper.support.nativeDash) {
var dashArray = style.getDashArray(),
dashOffset = style.getDashOffset();
if (dashArray && dashArray.length) {
if ('setLineDash' in ctx) {
ctx.setLineDash(dashArray);
ctx.lineDashOffset = dashOffset;
} else {
ctx.mozDash = dashArray;
ctx.mozDashOffset = dashOffset;
}
}
}
}
}
if (shadowColor) {
ctx.shadowColor = shadowColor.toCanvasStyle(ctx);
ctx.shadowBlur = style.getShadowBlur();
var offset = this.getShadowOffset();
ctx.shadowOffsetX = offset.x;
ctx.shadowOffsetY = offset.y;
var shadowBlur = style.getShadowBlur();
if (shadowBlur > 0) {
ctx.shadowColor = shadowColor.toCanvasStyle(ctx);
ctx.shadowBlur = shadowBlur;
var offset = this.getShadowOffset();
ctx.shadowOffsetX = offset.x;
ctx.shadowOffsetY = offset.y;
}
}
},
@ -3894,8 +3916,8 @@ var Shape = Item.extend({
radius: this._radius,
insert: false
});
path.transform(this._matrix);
path.setStyle(this._style);
path.transform(this._matrix);
if (insert || insert === undefined)
path.insertAbove(this);
return path;
@ -3951,8 +3973,10 @@ var Shape = Item.extend({
}
if (!clip && (hasFill || hasStroke)) {
this._setStyles(ctx);
if (hasFill)
if (hasFill) {
ctx.fill(style.getWindingRule());
ctx.shadowColor = 'rgba(0,0,0,0)';
}
if (hasStroke)
ctx.stroke();
}
@ -5912,7 +5936,7 @@ var PathItem = Item.extend({
setPathData: function(data) {
var parts = data.match(/[a-z][^a-z]*/ig),
var parts = data.match(/[mlhvcsqtaz][^mlhvcsqtaz]*/ig),
coords,
relative = false,
control,
@ -5934,18 +5958,15 @@ var PathItem = Item.extend({
);
}
if (this._type === 'path')
this.removeSegments();
else
this.removeChildren();
this.clear();
for (var i = 0, l = parts.length; i < l; i++) {
var part = parts[i],
cmd = part[0],
lower = cmd.toLowerCase();
coords = part.slice(1).trim().split(/[\s,]+|(?=[+-])/);
coords = part.match(/[+-]?(?:\d*\.\d+|\d+\.?)(?:[eE][+-]?\d+)?/g);
var length = coords && coords.length;
relative = cmd === lower;
var length = coords.length;
switch (lower) {
case 'm':
case 'l':
@ -6304,6 +6325,8 @@ var Path = PathItem.extend({
return removed;
},
clear: '#removeSegments',
isFullySelected: function() {
var length = this._segments.length;
return this._selected && length > 0 && this._selectedSegmentState
@ -6899,8 +6922,10 @@ var Path = PathItem.extend({
if (!clip && !compound && (hasFill || hasStroke)) {
this._setStyles(ctx);
if (hasFill)
if (hasFill) {
ctx.fill(style.getWindingRule());
ctx.shadowColor = 'rgba(0,0,0,0)';
}
if (hasStroke) {
if (dashLength) {
ctx.beginPath();
@ -7057,16 +7082,16 @@ var Path = PathItem.extend({
cubicCurveTo: function() {
var handle1 = Point.read(arguments),
handle2 = Point.read(arguments),
to = Point.read(arguments);
var current = getCurrentSegment(this);
to = Point.read(arguments),
current = getCurrentSegment(this);
current.setHandleOut(handle1.subtract(current._point));
this._add([ new Segment(to, handle2.subtract(to)) ]);
},
quadraticCurveTo: function() {
var handle = Point.read(arguments),
to = Point.read(arguments);
var current = getCurrentSegment(this)._point;
to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.cubicCurveTo(
handle.add(current.subtract(handle).multiply(1 / 3)),
handle.add(to.subtract(handle).multiply(1 / 3)),
@ -7145,25 +7170,41 @@ var Path = PathItem.extend({
this._add(segments);
},
lineBy: function(vector) {
vector = Point.read(arguments);
var current = getCurrentSegment(this);
this.lineTo(current._point.add(vector));
lineBy: function() {
var to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.lineTo(current.add(to));
},
curveBy: function(throughVector, toVector, parameter) {
throughVector = Point.read(throughVector);
toVector = Point.read(toVector);
var current = getCurrentSegment(this)._point;
this.curveTo(current.add(throughVector), current.add(toVector),
parameter);
curveBy: function() {
var through = Point.read(arguments),
to = Point.read(arguments),
parameter = Base.read(arguments),
current = getCurrentSegment(this)._point;
this.curveTo(current.add(through), current.add(to), parameter);
},
arcBy: function(throughVector, toVector) {
throughVector = Point.read(throughVector);
toVector = Point.read(toVector);
var current = getCurrentSegment(this)._point;
this.arcTo(current.add(throughVector), current.add(toVector));
cubicCurveBy: function() {
var handle1 = Point.read(arguments),
handle2 = Point.read(arguments),
to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.cubicCurveTo(current.add(handle1), current.add(handle2),
current.add(to));
},
quadraticCurveBy: function() {
var handle = Point.read(arguments),
to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.quadraticCurveTo(current.add(handle), current.add(to));
},
arcBy: function() {
var through = Point.read(arguments),
to = Point.read(arguments),
current = getCurrentSegment(this)._point;
this.arcTo(current.add(through), current.add(to));
},
closePath: function() {
@ -7644,8 +7685,10 @@ var CompoundPath = PathItem.extend({
if (!param.clip) {
this._setStyles(ctx);
var style = this._style;
if (style.hasFill())
if (style.hasFill()) {
ctx.fill(style.getWindingRule());
ctx.shadowColor = 'rgba(0,0,0,0)';
}
if (style.hasStroke())
ctx.stroke();
}
@ -7674,13 +7717,15 @@ var CompoundPath = PathItem.extend({
}
};
Base.each(['lineTo', 'cubicCurveTo', 'quadraticCurveTo', 'curveTo',
'arcTo', 'lineBy', 'curveBy', 'arcBy'], function(key) {
fields[key] = function() {
var path = getCurrentPath(this);
path[key].apply(path, arguments);
};
});
Base.each(['lineTo', 'cubicCurveTo', 'quadraticCurveTo', 'curveTo', 'arcTo',
'lineBy', 'cubicCurveBy', 'quadraticCurveBy', 'curveBy', 'arcBy'],
function(key) {
fields[key] = function() {
var path = getCurrentPath(this);
path[key].apply(path, arguments);
};
}
);
return fields;
});
@ -8212,13 +8257,18 @@ var PointText = TextItem.extend({
this._setStyles(ctx);
var style = this._style,
lines = this._lines,
leading = style.getLeading();
leading = style.getLeading(),
shadowColor = ctx.shadowColor;
ctx.font = style.getFontStyle();
ctx.textAlign = style.getJustification();
for (var i = 0, l = lines.length; i < l; i++) {
ctx.shadowColor = shadowColor;
var line = lines[i];
if (style.hasFill())
if (style.hasFill()) {
ctx.fillText(line, 0, 0);
ctx.shadowColor = 'rgba(0,0,0,0)';
}
if (style.hasStroke())
ctx.strokeText(line, 0, 0);
ctx.translate(0, leading);
@ -8597,7 +8647,7 @@ var Color = Base.extend(new function() {
},
clone: function() {
return new Color(this._type, this._components.slice(), this._alpha);
return new Color(this);
},
_convert: function(type) {
@ -8685,23 +8735,21 @@ var Color = Base.extend(new function() {
+ components.join(',') + ')';
},
toCanvasStyle: function(ctx, matrix) {
toCanvasStyle: function(ctx) {
if (this._canvasStyle)
return this._canvasStyle;
if (this._type !== 'gradient')
return this._canvasStyle = this.toCSS();
var components = this._components,
translation = matrix ? matrix.getTranslation() : new Point(),
gradient = components[0],
stops = gradient._stops,
origin = components[1].subtract(translation),
destination = components[2].subtract(translation),
origin = components[1],
destination = components[2],
canvasGradient;
if (gradient._radial) {
var radius = destination.getDistance(origin),
highlight = components[3];
if (highlight) {
highlight = highlight.subtract(translation);
var vector = highlight.subtract(origin);
if (vector.getLength() > radius)
highlight = origin.add(vector.normalize(radius - 0.1));
@ -9027,8 +9075,11 @@ var Style = Base.extend(new function() {
if (isColor) {
if (old)
delete old._owner;
if (value && value.constructor === Color)
if (value && value.constructor === Color) {
if (value._owner)
value = value.clone();
value._owner = this._item;
}
}
this._values[key] = value;
if (this._item)
@ -9118,6 +9169,10 @@ var Style = Base.extend(new function() {
return !!this.getStrokeColor() && this.getStrokeWidth() > 0;
},
hasShadow: function() {
return !!this.getShadowColor() && this.getShadowBlur() > 0;
},
getLeading: function getLeading() {
var leading = getLeading.base.call(this);
return leading != null ? leading : this.getFontSize() * 1.2;
@ -9377,18 +9432,10 @@ var DomEvent = {
};
DomEvent.requestAnimationFrame = new function() {
var part = 'equestAnimationFrame',
request = window['r' + part] || window['webkitR' + part]
|| window['mozR' + part] || window['oR' + part]
|| window['msR' + part];
if (request) {
request(function(time) {
if (time == null)
request = null;
});
}
var callbacks = [],
var nativeRequest = DomElement.getPrefixValue(window,
'requestAnimationFrame'),
requested = false,
callbacks = [],
focused = true,
timer;
@ -9401,24 +9448,36 @@ DomEvent.requestAnimationFrame = new function() {
}
});
return function(callback, element) {
if (request)
return request(callback, element);
callbacks.push([callback, element]);
if (timer)
return;
timer = setInterval(function() {
for (var i = callbacks.length - 1; i >= 0; i--) {
var entry = callbacks[i],
func = entry[0],
el = entry[1];
if (!el || (PaperScope.getAttribute(el, 'keepalive') == 'true'
|| focused) && DomElement.isInView(el)) {
callbacks.splice(i, 1);
func(Date.now());
}
function handleCallbacks() {
for (var i = callbacks.length - 1; i >= 0; i--) {
var entry = callbacks[i],
func = entry[0],
el = entry[1];
if (!el || (PaperScope.getAttribute(el, 'keepalive') == 'true'
|| focused) && DomElement.isInView(el)) {
callbacks.splice(i, 1);
func();
}
}, 1000 / 60);
}
if (nativeRequest) {
if (callbacks.length) {
nativeRequest(handleCallbacks);
} else {
requested = false;
}
}
}
return function(callback, element) {
callbacks.push([callback, element]);
if (nativeRequest) {
if (!requested) {
nativeRequest(handleCallbacks);
requested = true;
}
} else if (!timer) {
timer = setInterval(handleCallbacks, 1000 / 60);
}
};
};
@ -10005,6 +10064,7 @@ var Key = new function() {
tool = scope && scope._tool;
keyMap[key] = down;
if (tool && tool.responds(type)) {
paper = scope;
tool.fire(type, new KeyEvent(down, key, character, event));
if (view)
view.draw(true);
@ -10545,6 +10605,28 @@ var Tool = PaperScopeItem.extend({
});
var Http = {
request: function(method, url, callback) {
var xhr = new (window.ActiveXObject || XMLHttpRequest)(
'Microsoft.XMLHTTP');
xhr.open(method.toUpperCase(), url, true);
if ('overrideMimeType' in xhr)
xhr.overrideMimeType('text/plain');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
var status = xhr.status;
if (status === 0 || status === 200) {
callback.call(xhr, xhr.responseText);
} else {
throw new Error('Could not load ' + url + ' (Error '
+ status + ')');
}
}
};
return xhr.send(null);
}
};
var CanvasProvider = {
canvases: [],
@ -10920,13 +11002,13 @@ new function() {
return attrs;
}
function exportGroup(item) {
function exportGroup(item, options) {
var attrs = getTransform(item),
children = item._children;
var node = createElement('g', attrs);
for (var i = 0, l = children.length; i < l; i++) {
var child = children[i];
var childNode = exportSVG(child);
var childNode = exportSVG(child, options);
if (childNode) {
if (child.isClipMask()) {
var clip = createElement('clipPath');
@ -10954,7 +11036,12 @@ new function() {
return createElement('image', attrs);
}
function exportPath(item) {
function exportPath(item, options) {
if (options.matchShapes) {
var shape = item.toShape(false);
if (shape)
return exportShape(shape, options);
}
var segments = item._segments,
type,
attrs;
@ -10990,7 +11077,6 @@ new function() {
function exportShape(item) {
var shape = item._shape,
center = item.getPosition(true),
radius = item._radius,
attrs = getTransform(item, true, shape !== 'rectangle');
if (shape === 'rectangle') {
@ -11024,7 +11110,7 @@ new function() {
return createElement('path', attrs);
}
function exportPlacedSymbol(item) {
function exportPlacedSymbol(item, options) {
var attrs = getTransform(item, true),
symbol = item.getSymbol(),
symbolNode = getDefinition(symbol, 'symbol'),
@ -11034,7 +11120,7 @@ new function() {
symbolNode = createElement('symbol', {
viewBox: formatter.rectangle(bounds)
});
symbolNode.appendChild(exportSVG(definition));
symbolNode.appendChild(exportSVG(definition, options));
setDefinition(symbol, symbolNode, 'symbol');
}
attrs.href = '#' + symbolNode.id;
@ -11045,7 +11131,7 @@ new function() {
return createElement('use', attrs);
}
function exportGradient(color, item) {
function exportGradient(color) {
var gradientNode = getDefinition(color, 'color');
if (!gradientNode) {
var gradient = color.getGradient(),
@ -11169,29 +11255,31 @@ new function() {
}
function exportDefinitions(node, options) {
if (!definitions)
return node;
var svg = node.nodeName.toLowerCase() === 'svg' && node,
var svg = node,
defs = null;
for (var i in definitions.svgs) {
if (!defs) {
if (!svg) {
svg = createElement('svg');
svg.appendChild(node);
if (definitions) {
svg = node.nodeName.toLowerCase() === 'svg' && node;
for (var i in definitions.svgs) {
if (!defs) {
if (!svg) {
svg = createElement('svg');
svg.appendChild(node);
}
defs = svg.insertBefore(createElement('defs'),
svg.firstChild);
}
defs = svg.insertBefore(createElement('defs'), svg.firstChild);
defs.appendChild(definitions.svgs[i]);
}
defs.appendChild(definitions.svgs[i]);
definitions = null;
}
definitions = null;
return options.asString
? new XMLSerializer().serializeToString(svg)
: svg;
}
function exportSVG(item) {
function exportSVG(item, options) {
var exporter = exporters[item._type],
node = exporter && exporter(item, item._type);
node = exporter && exporter(item, options);
if (node && item._data)
node.setAttribute('data-paper-data', JSON.stringify(item._data));
return node && applyStyle(item, node);
@ -11207,7 +11295,7 @@ new function() {
Item.inject({
exportSVG: function(options) {
options = setOptions(options);
return exportDefinitions(exportSVG(this), options);
return exportDefinitions(exportSVG(this, options), options);
}
});
@ -11226,7 +11314,7 @@ new function() {
'xmlns:xlink': 'http://www.w3.org/1999/xlink'
});
for (var i = 0, l = layers.length; i < l; i++)
node.appendChild(exportSVG(layers[i]));
node.appendChild(exportSVG(layers[i], options));
return exportDefinitions(node, options);
}
});
@ -11255,15 +11343,15 @@ new function() {
function getPoint(node, x, y, allowNull) {
x = getValue(node, x, false, allowNull);
y = getValue(node, y, false, allowNull);
return allowNull && x == null && y == null ? null
: new Point(x || 0, y || 0);
return allowNull && (x == null || y == null) ? null
: new Point(x, y);
}
function getSize(node, w, h, allowNull) {
w = getValue(node, w, false, allowNull);
h = getValue(node, h, false, allowNull);
return allowNull && w == null && h == null ? null
: new Size(w || 0, h || 0);
return allowNull && (w == null || h == null) ? null
: new Size(w, h);
}
function convertValue(value, type, lookup) {
@ -11280,7 +11368,7 @@ new function() {
: value;
}
function importGroup(node, type, options) {
function importGroup(node, type, isRoot, options) {
var nodes = node.childNodes,
clip = type === 'clippath',
item = new Group(),
@ -11289,20 +11377,20 @@ new function() {
children = [];
if (!clip) {
item._transformContent = false;
item = applyAttributes(item, node);
item = applyAttributes(item, node, isRoot);
project._currentStyle = item._style.clone();
}
for (var i = 0, l = nodes.length; i < l; i++) {
var childNode = nodes[i],
child;
if (childNode.nodeType === 1
&& (child = importSVG(childNode, options))
&& (child = importSVG(childNode, false, options))
&& !(child instanceof Symbol))
children.push(child);
}
item.addChildren(children);
if (clip)
item = applyAttributes(item.reduce(), node);
item = applyAttributes(item.reduce(), node, isRoot);
project._currentStyle = currentStyle;
if (clip || type === 'defs') {
item.remove();
@ -11356,8 +11444,8 @@ new function() {
}
var importers = {
'#document': function(node, type, options) {
return importSVG(node.childNodes[0], options);
'#document': function(node, type, isRoot, options) {
return importSVG(node.childNodes[0], isRoot, options);
},
g: importGroup,
@ -11379,8 +11467,8 @@ new function() {
return raster;
},
symbol: function(node, type) {
return new Symbol(importGroup(node, type), true);
symbol: function(node, type, isRoot, options) {
return new Symbol(importGroup(node, type, isRoot, options), true);
},
defs: importGroup,
@ -11474,8 +11562,13 @@ new function() {
var attributes = Base.merge(Base.each(SVGStyles, function(entry) {
this[entry.attribute] = function(item, value) {
item[entry.set](
convertValue(value, entry.type, entry.fromSVG));
item[entry.set](convertValue(value, entry.type, entry.fromSVG));
if (entry.type === 'color' && item instanceof Shape) {
var color = item[entry.get]();
if (color)
color.transform(new Matrix().translate(
item.getPosition(true).negate()));
}
};
}, {}), {
id: function(item, value) {
@ -11561,10 +11654,10 @@ new function() {
: value;
}
function applyAttributes(item, node) {
function applyAttributes(item, node, isRoot) {
var styles = {
node: DomElement.getStyles(node) || {},
parent: DomElement.getStyles(node.parentNode) || {}
parent: !isRoot && DomElement.getStyles(node.parentNode) || {}
};
Base.each(attributes, function(apply, name) {
var value = getAttribute(node, name, styles);
@ -11580,38 +11673,55 @@ new function() {
return match && definitions[match[1]];
}
function importSVG(node, options, clearDefs) {
function importSVG(node, isRoot, options) {
if (!options)
options = {};
if (typeof node === 'string')
if (typeof node === 'string') {
if (isRoot && !/^.*</.test(node)) {
if (typeof options === 'function')
options = { onLoad: options };
var scope = paper;
return Http.request('get', node, function(svg) {
paper = scope;
var item = importSVG(svg, isRoot, options),
onLoad = options.onLoad,
view = scope.project && scope.project.view;
if (onLoad)
onLoad.call(this, item);
view.draw(true);
});
}
node = new DOMParser().parseFromString(node, 'image/svg+xml');
}
var type = node.nodeName.toLowerCase(),
importer = importers[type],
item = importer && importer(node, type, options),
item = importer && importer(node, type, isRoot, options),
data = type !== '#document' && node.getAttribute('data-paper-data');
if (options.expandShapes && item instanceof Shape) {
item.remove();
item = item.toPath();
if (item) {
if (!(item instanceof Group))
item = applyAttributes(item, node, isRoot);
if (options.expandShapes && item instanceof Shape) {
item.remove();
item = item.toPath();
}
if (data)
item._data = JSON.parse(data);
}
if (item && !(item instanceof Group))
item = applyAttributes(item, node);
if (item && data)
item._data = JSON.parse(data);
if (clearDefs)
if (isRoot)
definitions = {};
return item;
}
Item.inject({
importSVG: function(node, options) {
return this.addChild(importSVG(node, options, true));
return this.addChild(importSVG(node, true, options));
}
});
Project.inject({
importSVG: function(node, options) {
this.activate();
return importSVG(node, options, true);
return importSVG(node, true, options);
}
});
};
@ -11814,20 +11924,6 @@ paper.PaperScope.prototype.PaperScript = (function(root) {
return res;
}
function request(url, scope) {
var xhr = new (window.ActiveXObject || XMLHttpRequest)(
'Microsoft.XMLHTTP');
xhr.open('GET', url, true);
if (xhr.overrideMimeType)
xhr.overrideMimeType('text/plain');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
return evaluate(xhr.responseText, scope);
}
};
return xhr.send(null);
}
function load() {
var scripts = document.getElementsByTagName('script');
for (var i = 0, l = scripts.length; i < l; i++) {
@ -11836,9 +11932,12 @@ paper.PaperScope.prototype.PaperScript = (function(root) {
&& !script.getAttribute('data-paper-ignore')) {
var canvas = PaperScope.getAttribute(script, 'canvas'),
scope = PaperScope.get(canvas)
|| new PaperScope(script).setup(canvas);
if (script.src) {
request(script.src, scope);
|| new PaperScope(script).setup(canvas),
src = script.src;
if (src) {
Http.request('get', src, function(code) {
evaluate(code, scope);
});
} else {
evaluate(script.innerHTML, scope);
}

2
package.json
View file

@ -1,6 +1,6 @@
{
"name": "paper",
"version": "0.9.10",
"version": "0.9.11",
"description": "The Swiss Army Knife of Vector Graphics Scripting",
"homepage": "http://paperjs.org",
"repository": "git://github.com/paperjs/paper.js",