diff --git a/draggable-piechart-jquery.js b/draggable-piechart-jquery.js index 9bf3fb0..418f8d6 100644 --- a/draggable-piechart-jquery.js +++ b/draggable-piechart-jquery.js @@ -103,13 +103,13 @@ if (evt.clientX) { return { - x: evt.clientX - rect.left, - y: evt.clientY - rect.top + x: (evt.clientX - rect.left) * 2, + y: (evt.clientY - rect.top) * 2 } } else { return { - x: evt.originalEvent.targetTouches[0].clientX - rect.left, - y: evt.originalEvent.targetTouches[0].clientY - rect.top + x: (evt.originalEvent.targetTouches[0].clientX - rect.left) * 2, + y: (evt.originalEvent.targetTouches[0].clientY - rect.top) * 2 } } } @@ -608,7 +608,8 @@ context.translate(centerX, centerY); context.fillStyle = '#DDDDDD'; - var rad = hover ? 7 : 5; + var rad = hover ? 25 : 15; + context.lineWidth = 2; context.beginPath(); context.arc(x, y, rad, 0, TAU, true); context.fill(); diff --git a/draggable-piechart.js b/draggable-piechart.js index 9ea369d..065a476 100644 --- a/draggable-piechart.js +++ b/draggable-piechart.js @@ -119,13 +119,13 @@ if (evt.clientX) { return { - x: evt.clientX - rect.left, - y: evt.clientY - rect.top + x: (evt.clientX - rect.left) * 2, + y: (evt.clientY - rect.top) * 2 } } else { return { - x: evt.targetTouches[0].clientX - rect.left, - y: evt.targetTouches[0].clientY - rect.top + x: (evt.targetTouches[0].clientX - rect.left) * 2, + y: (evt.targetTouches[0].clientY - rect.top) * 2 } } } @@ -624,7 +624,8 @@ context.translate(centerX, centerY); context.fillStyle = '#DDDDDD'; - var rad = hover ? 7 : 5; + var rad = hover ? 25 : 15; + context.lineWidth = 2; context.beginPath(); context.arc(x, y, rad, 0, TAU, true); context.fill(); @@ -666,3 +667,4 @@ })(); +export default DraggablePiechart; diff --git a/example.html b/example.html index c123b08..c20c505 100644 --- a/example.html +++ b/example.html @@ -12,7 +12,7 @@
- Your browser is too old! + Your browser is too old!