refactor: reorg
This commit is contained in:
@@ -1,7 +1,11 @@
|
||||
import type { DeckStore } from './deckStore';
|
||||
import type { PageData } from './usePDFExport';
|
||||
import type { CardShape } from '../types';
|
||||
import { pts2plotter } from '../../../plotcutter';
|
||||
import {
|
||||
getCardShapePoints,
|
||||
calculateCenter
|
||||
} from '../../../plotcutter/contour';
|
||||
import { pts2plotter } from '../../../plotcutter/plotter';
|
||||
|
||||
export interface CardPathData {
|
||||
points: [number, number][];
|
||||
@@ -25,140 +29,6 @@ export interface UsePlotterExportReturn {
|
||||
exportToPlt: (pages: PageData[]) => void;
|
||||
}
|
||||
|
||||
/**
|
||||
* 生成带圆角的矩形路径点
|
||||
*/
|
||||
function getRoundedRectPoints(
|
||||
width: number,
|
||||
height: number,
|
||||
cornerRadius: number,
|
||||
segmentsPerCorner: number = 4
|
||||
): [number, number][] {
|
||||
const points: [number, number][] = [];
|
||||
const r = Math.min(cornerRadius, width / 2, height / 2);
|
||||
|
||||
if (r <= 0) {
|
||||
points.push([0, 0]);
|
||||
points.push([width, 0]);
|
||||
points.push([width, height]);
|
||||
points.push([0, height]);
|
||||
return points;
|
||||
}
|
||||
|
||||
// 左上角圆角(从顶部开始,顺时针)
|
||||
for (let i = 0; i < segmentsPerCorner; i++) {
|
||||
const angle = (Math.PI / 2) * (i / segmentsPerCorner) - Math.PI / 2;
|
||||
points.push([
|
||||
r + r * Math.cos(angle),
|
||||
r + r * Math.sin(angle)
|
||||
]);
|
||||
}
|
||||
|
||||
// 右上角圆角
|
||||
for (let i = 0; i < segmentsPerCorner; i++) {
|
||||
const angle = (Math.PI / 2) * (i / segmentsPerCorner);
|
||||
points.push([
|
||||
width - r + r * Math.cos(angle),
|
||||
r + r * Math.sin(angle)
|
||||
]);
|
||||
}
|
||||
|
||||
// 右下角圆角
|
||||
for (let i = 0; i < segmentsPerCorner; i++) {
|
||||
const angle = (Math.PI / 2) * (i / segmentsPerCorner) + Math.PI / 2;
|
||||
points.push([
|
||||
width - r + r * Math.cos(angle),
|
||||
height - r + r * Math.sin(angle)
|
||||
]);
|
||||
}
|
||||
|
||||
// 左下角圆角
|
||||
for (let i = 0; i < segmentsPerCorner; i++) {
|
||||
const angle = (Math.PI / 2) * (i / segmentsPerCorner) + Math.PI;
|
||||
points.push([
|
||||
r + r * Math.cos(angle),
|
||||
height - r + r * Math.sin(angle)
|
||||
]);
|
||||
}
|
||||
|
||||
return points;
|
||||
}
|
||||
|
||||
/**
|
||||
* 根据形状生成卡片轮廓点(单位:mm,相对于卡片左下角)
|
||||
*/
|
||||
function getCardShapePoints(
|
||||
shape: CardShape,
|
||||
width: number,
|
||||
height: number,
|
||||
cornerRadius: number = 0
|
||||
): [number, number][] {
|
||||
if (shape === 'rectangle' && cornerRadius > 0) {
|
||||
return getRoundedRectPoints(width, height, cornerRadius);
|
||||
}
|
||||
|
||||
const points: [number, number][] = [];
|
||||
|
||||
switch (shape) {
|
||||
case 'circle': {
|
||||
const radius = Math.min(width, height) / 2;
|
||||
const centerX = width / 2;
|
||||
const centerY = height / 2;
|
||||
for (let i = 0; i < 36; i++) {
|
||||
const angle = (i / 36) * Math.PI * 2;
|
||||
points.push([
|
||||
centerX + radius * Math.cos(angle),
|
||||
centerY + radius * Math.sin(angle)
|
||||
]);
|
||||
}
|
||||
break;
|
||||
}
|
||||
case 'triangle': {
|
||||
points.push([width / 2, 0]);
|
||||
points.push([0, height]);
|
||||
points.push([width, height]);
|
||||
break;
|
||||
}
|
||||
case 'hexagon': {
|
||||
const halfW = width / 2;
|
||||
const quarterH = height / 4;
|
||||
points.push([halfW, 0]);
|
||||
points.push([width, quarterH]);
|
||||
points.push([width, height - quarterH]);
|
||||
points.push([halfW, height]);
|
||||
points.push([0, height - quarterH]);
|
||||
points.push([0, quarterH]);
|
||||
break;
|
||||
}
|
||||
case 'rectangle':
|
||||
default: {
|
||||
points.push([0, 0]);
|
||||
points.push([width, 0]);
|
||||
points.push([width, height]);
|
||||
points.push([0, height]);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
return points;
|
||||
}
|
||||
|
||||
/**
|
||||
* 计算多边形的中心点
|
||||
*/
|
||||
function calculateCenter(points: [number, number][]): { x: number; y: number } {
|
||||
let sumX = 0;
|
||||
let sumY = 0;
|
||||
for (const [x, y] of points) {
|
||||
sumX += x;
|
||||
sumY += y;
|
||||
}
|
||||
return {
|
||||
x: sumX / points.length,
|
||||
y: sumY / points.length
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* 生成空走路径(抬刀移动路径)
|
||||
* 从左上角出发,连接所有卡片的起点/终点,最后返回左上角
|
||||
@@ -168,27 +38,27 @@ function generateTravelPaths(
|
||||
a4Height: number
|
||||
): [number, number][][] {
|
||||
const travelPaths: [number, number][][] = [];
|
||||
|
||||
|
||||
// 起点:左上角 (0, a4Height) - 注意 SVG 坐标 Y 向下,plotter 坐标 Y 向上
|
||||
const startPoint: [number, number] = [0, a4Height];
|
||||
|
||||
|
||||
if (cardPaths.length === 0) {
|
||||
return travelPaths;
|
||||
}
|
||||
|
||||
|
||||
// 从起点到第一张卡的起点
|
||||
travelPaths.push([startPoint, cardPaths[0].startPoint]);
|
||||
|
||||
|
||||
// 卡片之间的移动
|
||||
for (let i = 0; i < cardPaths.length - 1; i++) {
|
||||
const currentEnd = cardPaths[i].endPoint;
|
||||
const nextStart = cardPaths[i + 1].startPoint;
|
||||
travelPaths.push([currentEnd, nextStart]);
|
||||
}
|
||||
|
||||
|
||||
// 从最后一张卡返回起点
|
||||
travelPaths.push([cardPaths[cardPaths.length - 1].endPoint, startPoint]);
|
||||
|
||||
|
||||
return travelPaths;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user