github/svgedit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use clientY/X instead of pageX so the body can be scrolled

Browse Source
This commit is contained in:
JFH
2021-08-12 18:50:34 +02:00
parent 4de7af29c8
commit 57c43e441f
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/svgcanvas/event.js
View File

@@ -100,7 +100,7 @@ export const mouseMoveEvent = function (evt) {
let angle; let angle;
let box; let box;
let selected = selectedElements()[0]; let selected = selectedElements()[0];
const pt = transformPoint(evt.pageX, evt.pageY, eventContext_.getrootSctm()); const pt = transformPoint(evt.clientX, evt.clientY, eventContext_.getrootSctm());
const mouseX = pt.x * currentZoom; const mouseX = pt.x * currentZoom;
const mouseY = pt.y * currentZoom; const mouseY = pt.y * currentZoom;
const shape = getElem(eventContext_.getId()); const shape = getElem(eventContext_.getId());
@@ -562,7 +562,7 @@ export const mouseUpEvent = function (evt) {
const tempJustSelected = eventContext_.getJustSelected(); const tempJustSelected = eventContext_.getJustSelected();
eventContext_.setJustSelected(null); eventContext_.setJustSelected(null);
if (!eventContext_.getStarted()) { return; } if (!eventContext_.getStarted()) { return; }
const pt = transformPoint(evt.pageX, evt.pageY, eventContext_.getrootSctm()); const pt = transformPoint(evt.clientX, evt.clientY, eventContext_.getrootSctm());
const mouseX = pt.x * currentZoom; const mouseX = pt.x * currentZoom;
const mouseY = pt.y * currentZoom; const mouseY = pt.y * currentZoom;
const x = mouseX / currentZoom; const x = mouseX / currentZoom;
@@ -902,7 +902,7 @@ export const dblClickEvent = function (evt) {
const { tagName } = mouseTarget; const { tagName } = mouseTarget;
if (tagName === 'text' && eventContext_.getCurrentMode() !== 'textedit') { if (tagName === 'text' && eventContext_.getCurrentMode() !== 'textedit') {
const pt = transformPoint(evt.pageX, evt.pageY, eventContext_.getrootSctm()); const pt = transformPoint(evt.clientX, evt.clientY, eventContext_.getrootSctm());
svgCanvas.textActions.select(mouseTarget, pt.x, pt.y); svgCanvas.textActions.select(mouseTarget, pt.x, pt.y);
} }
@@ -962,7 +962,7 @@ export const mouseDownEvent = function (evt) {
eventContext_.setRootSctm($id('svgcontent').querySelector('g').getScreenCTM().inverse()); eventContext_.setRootSctm($id('svgcontent').querySelector('g').getScreenCTM().inverse());
const pt = transformPoint(evt.pageX, evt.pageY, eventContext_.getrootSctm()); const pt = transformPoint(evt.clientX, evt.clientY, eventContext_.getrootSctm());
const mouseX = pt.x * currentZoom; const mouseX = pt.x * currentZoom;
const mouseY = pt.y * currentZoom; const mouseY = pt.y * currentZoom;
@@ -1322,7 +1322,7 @@ export const DOMMouseScrollEvent = function (e) {
const rulerwidth = eventContext_.getCurConfig().showRulers ? 16 : 0; const rulerwidth = eventContext_.getCurConfig().showRulers ? 16 : 0;
// mouse relative to content area in content pixels // mouse relative to content area in content pixels
const pt = transformPoint(evt.pageX, evt.pageY, eventContext_.getrootSctm()); const pt = transformPoint(evt.clientX, evt.clientY, eventContext_.getrootSctm());
// full work area width in screen pixels // full work area width in screen pixels
const editorFullW = parseFloat(getComputedStyle(workarea, null).width.replace("px", "")); const editorFullW = parseFloat(getComputedStyle(workarea, null).width.replace("px", ""));