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.
51 lines
1.3 KiB
TypeScript
51 lines
1.3 KiB
TypeScript
import { ExcalidrawElement } from "../element/types";
|
|
|
|
import { getElementAbsoluteCoords, hitTest } from "../element";
|
|
|
|
export const hasBackground = (type: string) =>
|
|
type === "rectangle" || type === "ellipse" || type === "diamond";
|
|
|
|
export const hasStroke = (type: string) =>
|
|
type === "rectangle" ||
|
|
type === "ellipse" ||
|
|
type === "diamond" ||
|
|
type === "arrow" ||
|
|
type === "line";
|
|
|
|
export const hasText = (type: string) => type === "text";
|
|
|
|
export function getElementAtPosition(
|
|
elements: readonly ExcalidrawElement[],
|
|
x: number,
|
|
y: number,
|
|
zoom: number,
|
|
) {
|
|
let hitElement = null;
|
|
// We need to to hit testing from front (end of the array) to back (beginning of the array)
|
|
for (let i = elements.length - 1; i >= 0; --i) {
|
|
if (hitTest(elements[i], x, y, zoom)) {
|
|
hitElement = elements[i];
|
|
break;
|
|
}
|
|
}
|
|
|
|
return hitElement;
|
|
}
|
|
|
|
export function getElementContainingPosition(
|
|
elements: readonly ExcalidrawElement[],
|
|
x: number,
|
|
y: number,
|
|
) {
|
|
let hitElement = null;
|
|
// We need to to hit testing from front (end of the array) to back (beginning of the array)
|
|
for (let i = elements.length - 1; i >= 0; --i) {
|
|
const [x1, y1, x2, y2] = getElementAbsoluteCoords(elements[i]);
|
|
if (x1 < x && x < x2 && y1 < y && y < y2) {
|
|
hitElement = elements[i];
|
|
break;
|
|
}
|
|
}
|
|
return hitElement;
|
|
}
|