update at 2026-01-22 20:11:14

src/Luopan.vue

@@ -62,9 +62,21 @@
           />
         </g>
 
-        <!-- 内部填色区域 -->
+        <!-- 内缩白边 + 内部填色区域 -->
         <g>
           <template v-for="s in sectors" :key="s.key + '-inner'">
+            <path
+              v-if="s.innerFillPath"
+              :d="s.path"
+              fill="#ffffff"
+              stroke="none"
+            />
+            <path
+              v-if="s.innerFillPath"
+              :d="s.innerFillPath"
+              :fill="s.fill"
+              stroke="none"
+            />
             <path
               v-if="s.innerFillPath"
               :d="s.innerFillPath"

src/sectorBuilder.ts

@@ -66,7 +66,6 @@ export class SectorBuilder {
             this.insetDistance
           )
         : undefined;
-      const baseFillColor = innerFill ? '#ffffff' : fillColor;
 
       const sectorKey = `L${layerIndex}-P${i}`;
       const textPathId = `text-path-${sectorKey}`;
@@ -115,7 +114,7 @@ export class SectorBuilder {
         aMidRad: centroid.aMidRad,
         cx: centroid.cx,
         cy: centroid.cy,
-        fill: baseFillColor,
+        fill: fillColor,
         textColor,
         label: isMultiText ? '' : rawContent,
         path: annularSectorPath(layer.rInner, layer.rOuter, aStart, aEnd),