fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-25 03:38:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

Polish and fix small bugs with tilt and zoom navigation

Browse Source
This commit is contained in:
Keavon Chambers
2024-04-28 02:13:18 -07:00
parent 6a1a145d19
commit 597c96a7db
12 changed files with 382 additions and 412 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/panels/Document.svelte
+8 -8
View File
@@ -139,26 +139,26 @@
});
}
function translateCanvasX(newValue: number) {
function panCanvasX(newValue: number) {
const delta = newValue - scrollbarPos.x;
scrollbarPos.x = newValue;
editor.instance.translateCanvas(-delta * scrollbarMultiplier.x, 0);
editor.instance.panCanvas(-delta * scrollbarMultiplier.x, 0);
}
function translateCanvasY(newValue: number) {
function panCanvasY(newValue: number) {
const delta = newValue - scrollbarPos.y;
scrollbarPos.y = newValue;
editor.instance.translateCanvas(0, -delta * scrollbarMultiplier.y);
editor.instance.panCanvas(0, -delta * scrollbarMultiplier.y);
}
function pageX(delta: number) {
const move = delta < 0 ? 1 : -1;
editor.instance.translateCanvasByFraction(move, 0);
editor.instance.panCanvasByFraction(move, 0);
}
function pageY(delta: number) {
const move = delta < 0 ? 1 : -1;
editor.instance.translateCanvasByFraction(0, move);
editor.instance.panCanvasByFraction(0, move);
}
function canvasPointerDown(e: PointerEvent) {
@@ -506,7 +506,7 @@
direction="Vertical"
handleLength={scrollbarSize.y}
handlePosition={scrollbarPos.y}
on:handlePosition={({ detail }) => translateCanvasY(detail)}
on:handlePosition={({ detail }) => panCanvasY(detail)}
on:pressTrack={({ detail }) => pageY(detail)}
/>
</LayoutCol>
@@ -516,7 +516,7 @@
direction="Horizontal"
handleLength={scrollbarSize.x}
handlePosition={scrollbarPos.x}
on:handlePosition={({ detail }) => translateCanvasX(detail)}
on:handlePosition={({ detail }) => panCanvasX(detail)}
on:pressTrack={({ detail }) => pageX(detail)}
/>
</LayoutRow>
frontend/wasm/src/editor_api.rs
+4 -4
View File
@@ -633,16 +633,16 @@ impl JsEditorHandle {
}
/// Translates document (in viewport coords)
#[wasm_bindgen(js_name = translateCanvas)]
#[wasm_bindgen(js_name = panCanvas)]
pub fn translate_canvas(&self, delta_x: f64, delta_y: f64) {
let message = NavigationMessage::TranslateCanvas { delta: (delta_x, delta_y).into() };
let message = NavigationMessage::CanvasPan { delta: (delta_x, delta_y).into() };
self.dispatch(message);
}
/// Translates document (in viewport coords)
#[wasm_bindgen(js_name = translateCanvasByFraction)]
#[wasm_bindgen(js_name = panCanvasByFraction)]
pub fn translate_canvas_by_fraction(&self, delta_x: f64, delta_y: f64) {
let message = NavigationMessage::TranslateCanvasByViewportFraction { delta: (delta_x, delta_y).into() };
let message = NavigationMessage::CanvasPanByViewportFraction { delta: (delta_x, delta_y).into() };
self.dispatch(message);
}