lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-10-15 12:34:52 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/andrewDyakin/konva into andrewDyakin-master

Browse Source
This commit is contained in:
Anton Lavrenov
2018-08-30 13:42:43 +03:00
parent d15c530520 76e5ff0daa
commit 973344a3c6
2 changed files with 91 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/shapes/Path.js
View File

@@ -34,8 +34,16 @@
this.className = 'Path';
this.dataArray = Konva.Path.parsePathData(this.getData());
this.pathLength = 0;
for (var i = 0; i < this.dataArray.length; ++i) {
this.pathLength += this.dataArray[i].pathLength;
}
this.on('dataChange.konva', function() {
that.dataArray = Konva.Path.parsePathData(this.getData());
this.pathLength = 0;
for (var i = 0; i < this.dataArray.length; ++i) {
this.pathLength += this.dataArray[i].pathLength;
}
});
this.sceneFunc(this._sceneFunc);
@@ -116,6 +124,55 @@
width: Math.round(maxX - minX),
height: Math.round(maxY - minY)
};
},
getLength: function () {
return this.pathLength;
},
getPointAtLength: function (length) {
var point, i = 0, ii = this.dataArray.length;
if (!ii) {
return null;
}
while (i < ii && length > this.dataArray[i].pathLength) {
length -= this.dataArray[i].pathLength;
++i;
}
if (i === ii) {
point = this.dataArray[i - 1].points.slice(-2);
return {
x: point[0],
y: point[1]
};
}
if (length < 0.01) {
point = this.dataArray[i].points.slice(0, 2);
return {
x: point[0],
y: point[1]
};
}
var cp = this.dataArray[i];
var p = cp.points;
switch (cp.command) {
case 'L':
return Konva.Path.getPointOnLine(length, cp.start.x, cp.start.y, p[0], p[1]);
case 'C':
return Konva.Path.getPointOnCubicBezier(length / cp.pathLength, cp.start.x, cp.start.y, p[0], p[1], p[2], p[3], p[4], p[5]);
case 'Q':
return Konva.Path.getPointOnQuadraticBezier(length / cp.pathLength, cp.start.x, cp.start.y, p[0], p[1], p[2], p[3]);
case 'A':
var cx = p[0], cy = p[1], rx = p[2], ry = p[3], theta = p[4], dTheta = p[5], psi = p[6];
theta += dTheta * length / cp.pathLength;
return Konva.Path.getPointOnEllipticalArc(cx, cy, rx, ry, theta, psi);
}
return null;
}
};
Konva.Util.extend(Konva.Path, Konva.Shape);