Add LiteGraph.Canvas.LowQualityRenderingZoomThreshold setting (#2412)

Co-authored-by: github-actions <github-actions@github.com>

src/components/graph/GraphCanvas.vue

@@ -142,6 +142,17 @@ watchEffect(() => {
   }
 })
 
+watchEffect(() => {
+  const lowQualityRenderingZoomThreshold = settingStore.get(
+    'LiteGraph.Canvas.LowQualityRenderingZoomThreshold'
+  )
+  if (canvasStore.canvas) {
+    canvasStore.canvas.low_quality_zoom_threshold =
+      lowQualityRenderingZoomThreshold
+    canvasStore.canvas.setDirty(/* fg */ true, /* bg */ true)
+  }
+})
+
 watchEffect(() => {
   const linkMarkerShape = settingStore.get('Comfy.Graph.LinkMarkers')
   const { canvas } = canvasStore

src/constants/coreSettings.ts

@@ -734,5 +734,18 @@ export const CORE_SETTINGS: SettingParams[] = [
     defaultValue: false,
     type: 'boolean',
     versionAdded: '1.8.8'
+  },
+  {
+    id: 'LiteGraph.Canvas.LowQualityRenderingZoomThreshold',
+    name: 'Low quality rendering zoom threshold',
+    tooltip: 'Render low quality shapes when zoomed out',
+    type: 'slider',
+    attrs: {
+      min: 0.1,
+      max: 1,
+      step: 0.01
+    },
+    defaultValue: 0.6,
+    versionAdded: '1.9.1'
   }
 ]

src/locales/en/settings.json

@@ -317,6 +317,10 @@
       "Topbar (2nd-row)": "Topbar (2nd-row)"
     }
   },
+  "LiteGraph_Canvas_LowQualityRenderingZoomThreshold": {
+    "name": "Low quality rendering zoom threshold",
+    "tooltip": "Render low quality shapes when zoomed out"
+  },
   "LiteGraph_Canvas_MaximumFps": {
     "name": "Maximum FPS",
     "tooltip": "The maximum frames per second that the canvas is allowed to render. Caps GPU usage at the cost of smoothness. If 0, the screen refresh rate is used. Default: 0"

src/locales/fr/settings.json

@@ -317,6 +317,10 @@
       "Topbar (2nd-row)": "Barre supérieure (2ème rangée)"
     }
   },
+  "LiteGraph_Canvas_LowQualityRenderingZoomThreshold": {
+    "name": "Seuil de zoom pour le rendu de faible qualité",
+    "tooltip": "Rendre des formes de faible qualité lorsqu'on est dézoomé"
+  },
   "LiteGraph_Canvas_MaximumFps": {
     "name": "FPS maximum",
     "tooltip": "Le nombre maximum d'images par seconde que le canevas est autorisé à rendre. Limite l'utilisation du GPU au détriment de la fluidité. Si 0, le taux de rafraîchissement de l'écran est utilisé. Par défaut : 0"

src/locales/ja/settings.json

@@ -317,6 +317,10 @@
       "Topbar (2nd-row)": "トップバー（2行目）"
     }
   },
+  "LiteGraph_Canvas_LowQualityRenderingZoomThreshold": {
+    "name": "低品質レンダリングズーム閾値",
+    "tooltip": "ズームアウト時に低品質の形状をレンダリングする"
+  },
   "LiteGraph_Canvas_MaximumFps": {
     "name": "最大FPS",
     "tooltip": "キャンバスがレンダリングできる最大フレーム数です。スムーズさの代わりにGPU使用量を制限します。0の場合、画面のリフレッシュレートが使用されます。デフォルト：0"

src/locales/ko/settings.json

@@ -317,6 +317,10 @@
       "Topbar (2nd-row)": "상단바 (2번째 행)"
     }
   },
+  "LiteGraph_Canvas_LowQualityRenderingZoomThreshold": {
+    "name": "저품질 렌더링 줌 임계값",
+    "tooltip": "줌 아웃시 저품질 도형 렌더링"
+  },
   "LiteGraph_Canvas_MaximumFps": {
     "name": "최대 FPS",
     "tooltip": "캔버스가 렌더링할 수 있는 최대 프레임 수입니다. 부드럽게 동작하도록 GPU 사용률을 제한 합니다. 0이면 화면 주사율로 작동 합니다. 기본값: 0"

src/locales/ru/settings.json

@@ -317,6 +317,10 @@
       "Topbar (2nd-row)": "Топбар (2-й ряд)"
     }
   },
+  "LiteGraph_Canvas_LowQualityRenderingZoomThreshold": {
+    "name": "Порог масштабирования для рендеринга низкого качества",
+    "tooltip": "Рендеринг фигур низкого качества при уменьшении масштаба"
+  },
   "LiteGraph_Canvas_MaximumFps": {
     "name": "Максимум FPS",
     "tooltip": "Максимальное количество кадров в секунду, которое холст может рендерить. Ограничивает использование GPU за счёт плавности. Если 0, используется частота обновления экрана. По умолчанию: 0"

src/locales/zh/settings.json

@@ -317,6 +317,10 @@
       "Topbar (2nd-row)": "顶部栏 (第二行)"
     }
   },
+  "LiteGraph_Canvas_LowQualityRenderingZoomThreshold": {
+    "name": "低质量渲染缩放阈值",
+    "tooltip": "在缩小时渲染低质量形状"
+  },
   "LiteGraph_Canvas_MaximumFps": {
     "name": "最大FPS",
     "tooltip": "画布允许渲染的最大帧数。限制GPU使用以换取流畅度。如果为0，则使用屏幕刷新率。默认值：0"

src/types/apiTypes.ts

@@ -559,7 +559,8 @@ const zSettings = z.record(z.any()).and(
       'Comfy.Server.LaunchArgs': z.record(z.string(), z.string()),
       'LiteGraph.Canvas.MaximumFps': z.number(),
       'Comfy.Workflow.ConfirmDelete': z.boolean(),
-      'Comfy.RerouteBeta': z.boolean()
+      'Comfy.RerouteBeta': z.boolean(),
+      'LiteGraph.Canvas.LowQualityRenderingZoomThreshold': z.number()
     })
     .optional()
 )