fix: parameters

src/components/md-token-viewer.tsx

@@ -139,17 +139,9 @@ export default function MdTokenViewer(props: TokenViewerProps) {
       isDragging = false;
     };
 
-    const handleWheel = (e: WheelEvent) => {
-      if (!camera) return;
-
-      const zoomSpeed = 0.5;
-      camera.position.multiplyScalar(e.deltaY > 0 ? 1 + zoomSpeed : 1 - zoomSpeed);
-    };
-
     viewerEl.addEventListener("mousedown", handleMouseDown);
     document.addEventListener("mousemove", handleMouseMove);
     document.addEventListener("mouseup", handleMouseUp);
-    viewerEl.addEventListener("wheel", handleWheel);
 
     // 动画循环
     const animate = () => {
@@ -169,7 +161,6 @@ export default function MdTokenViewer(props: TokenViewerProps) {
       viewerEl.removeEventListener("mousedown", handleMouseDown);
       document.removeEventListener("mousemove", handleMouseMove);
       document.removeEventListener("mouseup", handleMouseUp);
-      viewerEl.removeEventListener("wheel", handleWheel);
 
       if (renderer) {
         renderer.dispose();
@@ -192,7 +183,7 @@ export default function MdTokenViewer(props: TokenViewerProps) {
       style={{ "min-height": "200px" }}
     >
       <div class="absolute top-2 left-2 z-10 bg-black/50 text-white text-xs px-2 py-1 rounded">
-        拖动旋转 | 滚动缩放
+        拖动旋转
       </div>
       <Show when={error()}>
         <div class="absolute inset-0 flex items-center justify-center bg-black/50 text-white">

src/components/md-token.tsx

@@ -85,7 +85,7 @@ customElement("md-token", { size: 50, defaultThickness: 2 }, (props, { element }
         name: layer.name || `图层 ${index + 1}`,
         enabled: true,
         thickness: props.defaultThickness || 2,
-        color: layer.color || `hsl(${(index * 60) % 360}, 70%, 50%)`,
+        color: `#${layer.color.getHexString()}` || `hsl(${(index * 60) % 360}, 70%, 50%)`,
       }));
       setLayers(layerSettings);
     }

src/components/utils/image-tracer.ts

@@ -62,7 +62,7 @@ export async function traceImage(
 
   // 默认配置 - 使用 detailed preset 作为基础
   const defaultOptions: Partial<Options> = {
-    ...Options.Presets.curvy,
+    ...Options.Presets.default,
     numberOfColors: 8, // 限制颜色数量以控制图层数
     minColorQuota: 0.01, // 降低最小颜色占比阈值
     strokeWidth: 0, // 不需要描边

src/components/utils/stl-generator.ts

@@ -49,7 +49,7 @@ export async function generateSTL(
     // 创建挤压几何体 - Three.js 支持直接传入 shape 数组
     const extrudeSettings: THREE.ExtrudeGeometryOptions = {
       depth: layerSetting.thickness,
-      curveSegments: 36,
+      curveSegments: 12,
       bevelEnabled: false,
     };