c7ff4c2ed6
* Zoom icons. * Actions. * Min zoom of 0 does not make sense. * Zoom logic. * Modify how zoom affects selection rendering. * More precise scrollbar dimensions. * Adjust elements visibility and scrollbars. * Normalized canvas width and height. * Apply zoom to resize test. * [WIP] Zoom using canvas center as an origin. * Undo zoom on `getScrollBars`. * WIP: center zoom origin via scroll * This was wrong for sure. * Finish scaling using center as origin. * Almost there. * Scroll offset should be not part of zoom transforms. * Better naming. * Wheel movement should be the same no matter the zoom level. * Panning movement should be the same no matter the zoom level. * Fix elements pasting. * Fix text WYSIWGT. * Fix scrollbars and visibility.
70 lines
1.9 KiB
TypeScript
70 lines
1.9 KiB
TypeScript
import { AppState } from "./types";
|
|
import { getDateTime } from "./utils";
|
|
|
|
const DEFAULT_PROJECT_NAME = `excalidraw-${getDateTime()}`;
|
|
|
|
export function getDefaultAppState(): AppState {
|
|
return {
|
|
draggingElement: null,
|
|
resizingElement: null,
|
|
multiElement: null,
|
|
editingElement: null,
|
|
elementType: "selection",
|
|
elementLocked: false,
|
|
exportBackground: true,
|
|
currentItemStrokeColor: "#000000",
|
|
currentItemBackgroundColor: "transparent",
|
|
currentItemFillStyle: "hachure",
|
|
currentItemStrokeWidth: 1,
|
|
currentItemRoughness: 1,
|
|
currentItemOpacity: 100,
|
|
currentItemFont: "20px Virgil",
|
|
viewBackgroundColor: "#ffffff",
|
|
scrollX: 0,
|
|
scrollY: 0,
|
|
cursorX: 0,
|
|
cursorY: 0,
|
|
scrolledOutside: false,
|
|
name: DEFAULT_PROJECT_NAME,
|
|
isResizing: false,
|
|
selectionElement: null,
|
|
zoom: 1,
|
|
};
|
|
}
|
|
|
|
export function clearAppStateForLocalStorage(appState: AppState) {
|
|
const {
|
|
draggingElement,
|
|
resizingElement,
|
|
multiElement,
|
|
editingElement,
|
|
selectionElement,
|
|
isResizing,
|
|
...exportedState
|
|
} = appState;
|
|
return exportedState;
|
|
}
|
|
|
|
export function clearAppStatePropertiesForHistory(
|
|
appState: AppState,
|
|
): Partial<AppState> {
|
|
return {
|
|
exportBackground: appState.exportBackground,
|
|
currentItemStrokeColor: appState.currentItemStrokeColor,
|
|
currentItemBackgroundColor: appState.currentItemBackgroundColor,
|
|
currentItemFillStyle: appState.currentItemFillStyle,
|
|
currentItemStrokeWidth: appState.currentItemStrokeWidth,
|
|
currentItemRoughness: appState.currentItemRoughness,
|
|
currentItemOpacity: appState.currentItemOpacity,
|
|
currentItemFont: appState.currentItemFont,
|
|
viewBackgroundColor: appState.viewBackgroundColor,
|
|
name: appState.name,
|
|
};
|
|
}
|
|
|
|
export function cleanAppStateForExport(appState: AppState) {
|
|
return {
|
|
viewBackgroundColor: appState.viewBackgroundColor,
|
|
};
|
|
}
|