scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2025-01-06 04:42:15 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Define Project#options as a way to configure things.

Browse source 
For now, only options.handleSize is in use.
This commit is contained in:
Jürg Lehni 2013-03-01 18:28:22 -08:00
parent bd6e091dda
commit c543704115
2 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/path/Path.js
View file

@ -1487,7 +1487,9 @@ var Path = this.Path = PathItem.extend(/** @lends Path# */{
// SegmentPoint objects maybe seem a bit tedious but is worth the benefit in // SegmentPoint objects maybe seem a bit tedious but is worth the benefit in
// performance. // performance.
function drawHandles(ctx, segments, matrix) { function drawHandles(ctx, segments, matrix, size) {
var half = size / 2;
function drawHandle(index) { function drawHandle(index) {
var hX = coords[index], var hX = coords[index],
hY = coords[index + 1]; hY = coords[index + 1];
@ -1497,7 +1499,7 @@ var Path = this.Path = PathItem.extend(/** @lends Path# */{
ctx.lineTo(hX, hY); ctx.lineTo(hX, hY);
ctx.stroke(); ctx.stroke();
ctx.beginPath(); ctx.beginPath();
ctx.arc(hX, hY, 1.75, 0, Math.PI * 2, true); ctx.arc(hX, hY, half, 0, Math.PI * 2, true);
ctx.fill(); ctx.fill();
} }
} }
@ -1517,13 +1519,13 @@ var Path = this.Path = PathItem.extend(/** @lends Path# */{
// Draw a rectangle at segment.point: // Draw a rectangle at segment.point:
ctx.save(); ctx.save();
ctx.beginPath(); ctx.beginPath();
ctx.rect(pX - 2, pY - 2, 4, 4); ctx.rect(pX - half, pY - half, size, size);
ctx.fill(); ctx.fill();
// If the point is not selected, draw a white square that is 1 px // If the point is not selected, draw a white square that is 1 px
// smaller on all sides: // smaller on all sides:
if (!selected) { if (!selected) {
ctx.beginPath(); ctx.beginPath();
ctx.rect(pX - 1, pY - 1, 2, 2); ctx.rect(pX - half - 1, pY - half- 1, size - 2, size - 2);
ctx.fillStyle = '#ffffff'; ctx.fillStyle = '#ffffff';
ctx.fill(); ctx.fill();
} }
@ -1648,7 +1650,8 @@ var Path = this.Path = PathItem.extend(/** @lends Path# */{
drawSegments(ctx, this, matrix); drawSegments(ctx, this, matrix);
// Now stroke it and draw its handles: // Now stroke it and draw its handles:
ctx.stroke(); ctx.stroke();
drawHandles(ctx, this._segments, matrix); drawHandles(ctx, this._segments, matrix,
this._project.options.handleSize || 4);
} }
}; };
}, new function() { // Path Smoothing }, new function() { // Path Smoothing

1
src/project/Project.js
View file

@ -61,6 +61,7 @@ var Project = this.Project = PaperScopeItem.extend(/** @lends Project# */{
// Change tracking, not in use for now. Activate once required: // Change tracking, not in use for now. Activate once required:
// this._changes = []; // this._changes = [];
// this._changesById = {}; // this._changesById = {};
this.options = {};
}, },
_serialize: function(options, dictionary) { _serialize: function(options, dictionary) {