corkine/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw synced 2025-07-25 13:58:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

remove debug and provide value for stylus

Browse Source
This commit is contained in:
Ryan Di
2025-06-16 17:19:55 +10:00
parent 37b75263f8
commit c72c47f0cd
7 changed files with 53 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
excalidraw-app/App.tsx
View File

@ -134,7 +134,6 @@ import DebugCanvas, {
} from "./components/DebugCanvas";
import { AIComponents } from "./components/AI";
import { ExcalidrawPlusIframeExport } from "./ExcalidrawPlusIframeExport";
import { FreedrawDebugSliders } from "./components/FreedrawDebugSliders";
import "./index.scss";
@ -1143,7 +1142,6 @@ const ExcalidrawWrapper = () => {
ref={debugCanvasRef}
/>
)}
<FreedrawDebugSliders />
</Excalidraw>
</div>
);

89
excalidraw-app/components/FreedrawDebugSliders.tsx
View File

@ -1,89 +0,0 @@
import { DRAWING_CONFIGS } from "@excalidraw/element";
import { useState, useEffect } from "react";
export const FreedrawDebugSliders = () => {
const [streamline, setStreamline] = useState<number>(
DRAWING_CONFIGS.default.streamline,
);
const [simplify, setSimplify] = useState<number>(
DRAWING_CONFIGS.default.simplify,
);
useEffect(() => {
if (!window.h) {
window.h = {} as any;
}
if (!window.h.debugFreedraw) {
window.h.debugFreedraw = DRAWING_CONFIGS.default;
}
setStreamline(window.h.debugFreedraw.streamline);
setSimplify(window.h.debugFreedraw.simplify);
}, []);
const handleStreamlineChange = (value: number) => {
setStreamline(value);
if (window.h && window.h.debugFreedraw) {
window.h.debugFreedraw.streamline = value;
}
};
const handleSimplifyChange = (value: number) => {
setSimplify(value);
if (window.h && window.h.debugFreedraw) {
window.h.debugFreedraw.simplify = value;
}
};
return (
<div
style={{
position: "absolute",
bottom: "10px",
left: "50%",
transform: "translateX(-50%)",
zIndex: 9999,
background: "rgba(255, 255, 255, 0.9)",
padding: "10px",
borderRadius: "8px",
border: "1px solid #ccc",
display: "flex",
flexDirection: "column",
gap: "8px",
fontSize: "12px",
fontFamily: "monospace",
}}
>
<div>
<label>
Streamline: {streamline.toFixed(2)}
<br />
<input
type="range"
min="0"
max="1"
step="0.01"
value={streamline}
onChange={(e) => handleStreamlineChange(parseFloat(e.target.value))}
style={{ width: "150px" }}
/>
</label>
</div>
<div>
<label>
Simplify: {simplify.toFixed(2)}
<br />
<input
type="range"
min="0"
max="1"
step="0.01"
value={simplify}
onChange={(e) => handleSimplifyChange(parseFloat(e.target.value))}
style={{ width: "150px" }}
/>
</label>
</div>
</div>
);
};