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

Fix cache() method of Konva.Arrow(). close #819

Browse Source
This commit is contained in:
Anton Lavrenov
2020-01-03 08:59:34 -05:00
parent 81a8a4eec1
commit aab7bf1c0f
5 changed files with 1395 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
test/unit/shapes/Arrow-test.js
View File

@@ -109,4 +109,42 @@ suite('Arrow', function() {
'clearRect(0,0,578,200);save();transform(1,0,0,1,0,0);beginPath();moveTo(79,63);quadraticCurveTo(71.86,73.607,87,80);bezierCurveTo(116.86,92.607,94.263,67.131,124,82);bezierCurveTo(148.263,94.131,118.223,94.778,141,107);quadraticCurveTo(159.223,116.778,165,104);lineWidth=2;strokeStyle=red;stroke();save();beginPath();translate(165,104);rotate(5.796);moveTo(0,0);lineTo(-10,5);lineTo(-10,-5);closePath();restore();save();translate(79,63);rotate(4.681);moveTo(0,0);lineTo(-10,5);lineTo(-10,-5);closePath();restore();setLineDash();fillStyle=red;fill();lineWidth=2;strokeStyle=red;stroke();restore();'
);
});
test('test cache', function() {
var stage = addStage();
var layer = new Konva.Layer();
var arrow = new Konva.Arrow({
points: [50, 50, 150, 50],
stroke: 'blue',
fill: 'blue',
strokeWidth: 1,
draggable: true,
tension: 0,
});
layer.add(arrow);
stage.add(layer);
cloneAndCompareLayer(layer, 200);
// visual debug
// var back = new Konva.Rect({
// stroke: 'black'
// });
// layer.add(back);
// stage.on('mousemove',() => {
// const pos = stage.getPointerPosition();
// const points = [arrow.points()[0], arrow.points()[1], pos.x, pos.y];
// arrow.points(points);
// arrow.cache();
// console.log(arrow.points());
// back.setAttrs(arrow.getClientRect());
// layer.batchDraw();
// })
});
});