diff --git a/web/src/components/canvas/infinite-canvas.tsx b/web/src/components/canvas/infinite-canvas.tsx index f1ee4aaed..09e0bc452 100644 --- a/web/src/components/canvas/infinite-canvas.tsx +++ b/web/src/components/canvas/infinite-canvas.tsx @@ -39,7 +39,7 @@ type PinchState = { initialScale: number; }; -export function InfiniteCanvas({ containerRef, viewport, backgroundMode = "dots", onViewportChange, onViewportPreviewChange, onCanvasMouseDown, boxSelectEnabled = false, onCanvasDoubleClick, onCanvasDeselect, onContextMenu, onDrop, onFileDragEnter, onFileDragLeave, onFileDragOver, graphicsLayer, children }: InfiniteCanvasProps) { +export function InfiniteCanvas({ containerRef, viewport, backgroundMode = "lines", onViewportChange, onViewportPreviewChange, onCanvasMouseDown, boxSelectEnabled = false, onCanvasDoubleClick, onCanvasDeselect, onContextMenu, onDrop, onFileDragEnter, onFileDragLeave, onFileDragOver, graphicsLayer, children }: InfiniteCanvasProps) { const theme = canvasThemes[useThemeStore((state) => state.theme)]; const panState = useRef({ isPanning: false, diff --git a/web/src/pages/canvas/shared.tsx b/web/src/pages/canvas/shared.tsx index c869ccaff..7f30a6cb3 100644 --- a/web/src/pages/canvas/shared.tsx +++ b/web/src/pages/canvas/shared.tsx @@ -34,7 +34,7 @@ export default function SharedCanvasPage() { const [title, setTitle] = useState("共享画布"); const [nodes, setNodes] = useState([]); const [connections, setConnections] = useState>["project"]["connections"]>([]); - const [backgroundMode, setBackgroundMode] = useState<"lines" | "dots" | "blank">("dots"); + const [backgroundMode, setBackgroundMode] = useState<"lines" | "dots" | "blank">("lines"); const [viewport, setViewport] = useState({ x: 0, y: 0, k: 1 }); const [selectedNodeId, setSelectedNodeId] = useState(null); const [infoNodeId, setInfoNodeId] = useState(null); @@ -80,7 +80,7 @@ export default function SharedCanvasPage() { setTitle(project.title || "共享画布"); setNodes((project.nodes || []).map(ensureMediaNodeMinimumSize)); setConnections(project.connections || []); - setBackgroundMode(project.backgroundMode || "dots"); + setBackgroundMode(project.backgroundMode || "lines"); const initial = project.viewport || { x: 0, y: 0, k: 1 }; viewportRef.current = initial; setViewport(initial); diff --git a/web/src/stores/canvas/use-canvas-store.ts b/web/src/stores/canvas/use-canvas-store.ts index f06ae1fbb..3c64293dd 100644 --- a/web/src/stores/canvas/use-canvas-store.ts +++ b/web/src/stores/canvas/use-canvas-store.ts @@ -328,7 +328,7 @@ export const useCanvasStore = create()( connections: [], chatSessions: [], activeChatId: null, - backgroundMode: "dots", + backgroundMode: "lines", showImageInfo: false, viewport: initialViewport, directorScenes: [], @@ -348,7 +348,7 @@ export const useCanvasStore = create()( connections: source.connections || [], chatSessions: source.chatSessions || [], activeChatId: source.activeChatId || null, - backgroundMode: source.backgroundMode || "dots", + backgroundMode: source.backgroundMode || "lines", showImageInfo: source.showImageInfo || false, viewport: source.viewport || initialViewport, directorScenes: source.directorScenes || [],