lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-04-05 20:48:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix Arrow drawing function

Browse Source
This commit is contained in:
lavrton 2015-10-30 23:22:05 +07:00
parent d25352d363
commit ab69a0fc2d
4 changed files with 18 additions and 15 deletions

5
CHANGELOG.md
View File

@ -2,6 +2,11 @@
All notable changes to this project will be documented in this file.
This project adheres to [Semantic Versioning](http://semver.org/).
## [Not released][Not released]
### Fixed
- correct `Konva.Arrow` drawing. Now it works better.
## [0.10.0][2015-10-27]
### Added

13
konva.js
View File

@ -1,9 +1,9 @@
/*
* Konva JavaScript Framework v0.10.0
* Konva JavaScript Framework v0.11.0
* http://konvajs.github.io/
* Licensed under the MIT or GPL Version 2 licenses.
* Date: Tue Oct 27 2015
* Date: Fri Oct 30 2015
*
* Original work Copyright (C) 2011 - 2013 by Eric Rowell (KineticJS)
* Modified work Copyright (C) 2014 - 2015 by Anton Lavrenov (Konva)
@ -37,7 +37,7 @@ var Konva = {};
Konva = {
// public
version: '0.10.0',
version: '0.11.0',
// private
stages: [],
@ -15968,6 +15968,7 @@ var Konva = {};
this.className = 'Arrow';
},
_sceneFunc: function(ctx) {
Konva.Line.prototype._sceneFunc.apply(this, arguments);
var PI2 = Math.PI * 2;
var points = this.points();
var n = points.length;
@ -15994,14 +15995,12 @@ var Konva = {};
dy = points[3] - points[1];
ctx.rotate((Math.atan2(-dy, -dx) + PI2) % PI2);
ctx.moveTo(0, 0);
ctx.lineTo(-10, 6);
ctx.lineTo(-10, -6);
ctx.lineTo(-length, width / 2);
ctx.lineTo(-length, -width / 2);
ctx.closePath();
ctx.restore();
}
ctx.fillStrokeShape(this);
Konva.Line.prototype._sceneFunc.apply(this, arguments);
}
};

8
konva.min.js vendored
View File

File diff suppressed because one or more lines are too long

7
src/plugins/Arrow.js
View File

@ -33,6 +33,7 @@
this.className = 'Arrow';
},
_sceneFunc: function(ctx) {
Konva.Line.prototype._sceneFunc.apply(this, arguments);
var PI2 = Math.PI * 2;
var points = this.points();
var n = points.length;
@ -59,14 +60,12 @@
dy = points[3] - points[1];
ctx.rotate((Math.atan2(-dy, -dx) + PI2) % PI2);
ctx.moveTo(0, 0);
ctx.lineTo(-10, 6);
ctx.lineTo(-10, -6);
ctx.lineTo(-length, width / 2);
ctx.lineTo(-length, -width / 2);
ctx.closePath();
ctx.restore();
}
ctx.fillStrokeShape(this);
Konva.Line.prototype._sceneFunc.apply(this, arguments);
}
};