From 701ce6ab3f9c19c7eaaf39e096fcd6cae4970b45 Mon Sep 17 00:00:00 2001 From: Roman Cieslik Date: Thu, 3 Nov 2022 14:38:42 +0100 Subject: [PATCH 1/2] make canvas hi-res display ready --- draggable-piechart-jquery.js | 11 ++++++----- draggable-piechart.js | 11 ++++++----- example.html | 2 +- 3 files changed, 13 insertions(+), 11 deletions(-) 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..32e5028 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(); 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!

From fb27b3ba59811d25d2ff0ef7871622b94461a47e Mon Sep 17 00:00:00 2001 From: Michael Quaas Date: Fri, 4 Nov 2022 09:29:54 +0100 Subject: [PATCH 2/2] add export statement --- draggable-piechart.js | 1 + 1 file changed, 1 insertion(+) diff --git a/draggable-piechart.js b/draggable-piechart.js index 32e5028..065a476 100644 --- a/draggable-piechart.js +++ b/draggable-piechart.js @@ -667,3 +667,4 @@ })(); +export default DraggablePiechart;