happyz
/
jsketch
mirror of https://github.com/luileito/jsketch.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added option to filter consecutive duplicated points

This commit is contained in:
Luis Leiva 2017-11-12 20:40:24 +01:00
parent 73673bd789
commit 3b96078e6c
2 changed files with 36 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
jquery.sketchable.js
View File

@ -270,6 +270,7 @@
* relTimestamps: false, * relTimestamps: false,
* multitouch: false, * multitouch: false,
* cssCursors: true, * cssCursors: true,
* filterCoords: false,
* // Event hooks. * // Event hooks.
* events: { * events: {
* init: function(elem, data) { * init: function(elem, data) {
@ -316,6 +317,9 @@
multitouch: true, multitouch: true,
// Display CSS cursors, mainly to indicate whether the element is interactive or not. // Display CSS cursors, mainly to indicate whether the element is interactive or not.
cssCursors: true, cssCursors: true,
// Remove duplicated consecutive points; e.g. `(1,2)(1,2)(5,5)(1,2)` becomes `(1,2)(5,5)(1,2)`.
// This is useful for touchscreens, where the same event is registered more than once.
filterCoords: false,
// Event hooks. // Event hooks.
events: { events: {
// init: function(elem, data) { }, // init: function(elem, data) { },
@ -367,16 +371,28 @@
if (!data.coords[idx]) { if (!data.coords[idx]) {
data.coords[idx] = []; data.coords[idx] = [];
} }
// Use pointer for easy handling.
var coords = data.coords[idx];
var time = (new Date).getTime(); var time = (new Date).getTime();
if (data.options.relTimestamps) { if (data.options.relTimestamps) {
// The first timestamp is relative to initialization time; // The first timestamp is relative to initialization time;
// thus fix it so that it is relative to the timestamp of the first stroke. // thus fix it so that it is relative to the timestamp of the first stroke.
if (data.strokes.length === 0 && data.coords[idx].length === 0) data.timestamp = time; if (data.strokes.length === 0 && coords.length === 0) data.timestamp = time;
time -= data.timestamp; time -= data.timestamp;
} }
data.coords[idx].push([ pt.x, pt.y, time, +data.sketch.isDrawing ]); coords.push([ pt.x, pt.y, time, +data.sketch.isDrawing ]);
// Check if consecutive points should be removed.
if (data.options.filterCoords && coords.length > 1) {
var lastIndex = coords.length - 1;
var lastCoord = coords[lastIndex];
var currCoord = coords[lastIndex - 1];
if (lastCoord[0] == currCoord[0] && lastCoord[1] == currCoord[1]) {
coords.splice(lastIndex, 1);
}
}
}; };
/** /**

20
sketchable.js
View File

@ -265,6 +265,7 @@
* relTimestamps: false, * relTimestamps: false,
* multitouch: false, * multitouch: false,
* cssCursors: true, * cssCursors: true,
* filterCoords: false,
* // Event hooks. * // Event hooks.
* events: { * events: {
* init: function(elem, data) { * init: function(elem, data) {
@ -311,6 +312,9 @@
multitouch: true, multitouch: true,
// Display CSS cursors, mainly to indicate whether the element is interactive or not. // Display CSS cursors, mainly to indicate whether the element is interactive or not.
cssCursors: true, cssCursors: true,
// Remove duplicated consecutive points; e.g. `(1,2)(1,2)(5,5)(1,2)` becomes `(1,2)(5,5)(1,2)`.
// This is useful for touchscreens, where the same event is registered more than once.
filterCoords: false,
// Event hooks. // Event hooks.
events: { events: {
// init: function(elem, data) { }, // init: function(elem, data) { },
@ -370,16 +374,28 @@
if (!data.coords[idx]) { if (!data.coords[idx]) {
data.coords[idx] = []; data.coords[idx] = [];
} }
// Use pointer for easy handling.
var coords = data.coords[idx];
var time = (new Date).getTime(); var time = (new Date).getTime();
if (data.options.relTimestamps) { if (data.options.relTimestamps) {
// The first timestamp is relative to initialization time; // The first timestamp is relative to initialization time;
// thus fix it so that it is relative to the timestamp of the first stroke. // thus fix it so that it is relative to the timestamp of the first stroke.
if (data.strokes.length === 0 && data.coords[idx].length === 0) data.timestamp = time; if (data.strokes.length === 0 && coords.length === 0) data.timestamp = time;
time -= data.timestamp; time -= data.timestamp;
} }
data.coords[idx].push([ pt.x, pt.y, time, +data.sketch.isDrawing ]); coords.push([ pt.x, pt.y, time, +data.sketch.isDrawing ]);
// Check if consecutive points should be removed.
if (data.options.filterCoords && coords.length > 1) {
var lastIndex = coords.length - 1;
var lastCoord = coords[lastIndex];
var currCoord = coords[lastIndex - 1];
if (lastCoord[0] == currCoord[0] && lastCoord[1] == currCoord[1]) {
coords.splice(lastIndex, 1);
}
}
}; };
/** /**