5dbcebf7a2
- Fix router import path in main.js - Handle Django REST Framework pagination format in API calls - Add getTemplates function to project API - Restart frontend development server
66 lines
1.8 KiB
TypeScript
66 lines
1.8 KiB
TypeScript
import type { FabricObject, Point, TOriginX, TOriginY } from 'fabric';
|
|
import type { AligningGuidelines } from '..';
|
|
import type { LineProps } from '../typedefs';
|
|
import { getDistanceList } from './basic';
|
|
|
|
export function collectLine(
|
|
this: AligningGuidelines,
|
|
target: FabricObject,
|
|
points: Point[],
|
|
) {
|
|
const list = target.getCoords();
|
|
list.push(target.getCenterPoint());
|
|
const margin = this.margin / this.canvas.getZoom();
|
|
const opts = { target, list, points, margin };
|
|
const vLines = collectPoints({ ...opts, type: 'x' });
|
|
const hLines = collectPoints({ ...opts, type: 'y' });
|
|
|
|
return { vLines, hLines };
|
|
}
|
|
|
|
type CollectItemLineProps = {
|
|
target: FabricObject;
|
|
list: Point[];
|
|
points: Point[];
|
|
margin: number;
|
|
type: 'x' | 'y';
|
|
};
|
|
const originArr: [TOriginX, TOriginY][] = [
|
|
['left', 'top'],
|
|
['right', 'top'],
|
|
['right', 'bottom'],
|
|
['left', 'bottom'],
|
|
['center', 'center'],
|
|
];
|
|
function collectPoints(props: CollectItemLineProps) {
|
|
const { target, list, points, margin, type } = props;
|
|
const res: LineProps[] = [];
|
|
const arr: ReturnType<typeof getDistanceList>[] = [];
|
|
let min = Infinity;
|
|
for (const item of list) {
|
|
const o = getDistanceList(item, points, type);
|
|
arr.push(o);
|
|
if (min > o.dis) min = o.dis;
|
|
}
|
|
if (min > margin) return res;
|
|
let b = false;
|
|
for (let i = 0; i < list.length; i++) {
|
|
if (arr[i].dis != min) continue;
|
|
for (const item of arr[i].arr) {
|
|
res.push({ origin: list[i], target: item });
|
|
}
|
|
|
|
if (b) continue;
|
|
b = true;
|
|
const d = arr[i].arr[0][type] - list[i][type];
|
|
// It will change the original data, and the next time we collect y, use the modified data.
|
|
list.forEach((item) => {
|
|
item[type] += d;
|
|
});
|
|
target.setXY(list[i], ...originArr[i]);
|
|
target.setCoords();
|
|
}
|
|
|
|
return res;
|
|
}
|