lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2026-01-22 21:02:26 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

better mulitouch

Browse Source
This commit is contained in:
Anton Lavrenov
2019-08-04 09:41:57 +07:00
parent b0a45caee4
commit 1d932bf76c
11 changed files with 802 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
test/runner.js
View File

@@ -283,45 +283,98 @@ Konva.Stage.prototype.simulateMouseUp = function(pos) {
Konva.DD._endDragAfter(evt);
};
Konva.Stage.prototype.simulateTouchStart = function(pos) {
Konva.Stage.prototype.simulateTouchStart = function(pos, changed) {
var top = this.content.getBoundingClientRect().top;
this._touchstart({
touches: [
var touches;
var changedTouches;
if (Array.isArray(pos)) {
touches = pos.map(touch => ({
identifier: touch.id,
clientX: touch.x,
clientY: touch.y + top
}));
changedTouches = (changed || pos).map(touch => ({
identifier: touch.id,
clientX: touch.x,
clientY: touch.y + top
}));
} else {
touches = [
{
clientX: pos.x,
clientY: pos.y + top
}
]
});
];
}
var evt = {
touches: touches,
changedTouches: changedTouches
};
this._touchstart(evt);
};
Konva.Stage.prototype.simulateTouchMove = function(pos) {
Konva.Stage.prototype.simulateTouchMove = function(pos, changed) {
var top = this.content.getBoundingClientRect().top;
var evt = {
touches: [
var touches;
var changedTouches;
if (Array.isArray(pos)) {
touches = pos.map(touch => ({
identifier: touch.id,
clientX: touch.x,
clientY: touch.y + top
}));
changedTouches = (changed || pos).map(touch => ({
identifier: touch.id,
clientX: touch.x,
clientY: touch.y + top
}));
} else {
touches = [
{
clientX: pos.x,
clientY: pos.y + top
}
]
];
}
var evt = {
touches: touches,
changedTouches: changedTouches
};
this._touchmove(evt);
Konva.DD._drag(evt);
};
Konva.Stage.prototype.simulateTouchEnd = function(pos) {
Konva.Stage.prototype.simulateTouchEnd = function(pos, changed) {
var top = this.content.getBoundingClientRect().top;
var evt = {
touches: [
var touches;
var changedTouches;
if (Array.isArray(pos)) {
touches = pos.map(touch => ({
identifier: touch.id,
clientX: touch.x,
clientY: touch.y + top
}));
changedTouches = (changed || pos).map(touch => ({
identifier: touch.id,
clientX: touch.x,
clientY: touch.y + top
}));
} else {
touches = [
{
clientX: pos.x,
clientY: pos.y + top
}
]
];
}
var evt = {
touches: touches,
changedTouches: changedTouches
};
Konva.DD._endDragBefore(evt);