From 05f95f170fccd52a224d48e3fae00d478cd4e479 Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Wed, 9 Aug 2017 15:54:43 -0400
Subject: [PATCH] Scale drag position using renderers native size
---
src/containers/stage.jsx | 6 ++++--
1 file changed, 4 insertions(+), 2 deletions(-)
diff --git a/src/containers/stage.jsx b/src/containers/stage.jsx
index f0545c088..712d3584b 100644
--- a/src/containers/stage.jsx
+++ b/src/containers/stage.jsx
@@ -69,9 +69,10 @@ class Stage extends React.Component {
this.rect = this.canvas.getBoundingClientRect();
}
getScratchCoords (x, y) {
+ const nativeSize = this.renderer.getNativeSize();
return [
- x - (this.rect.width / 2),
- y - (this.rect.height / 2)
+ (nativeSize[0] / this.rect.width) * (x - (this.rect.width / 2)),
+ (nativeSize[1] / this.rect.height) * (y - (this.rect.height / 2))
];
}
handleDoubleClick (e) {
@@ -127,6 +128,7 @@ class Stage extends React.Component {
}
}
onMouseDown (e) {
+ this.updateRect();
const mousePosition = [e.clientX - this.rect.left, e.clientY - this.rect.top];
this.setState({
mouseDown: true,
--
GitLab