Fixed performance optimization always enabled.

Author: Developer-Mike

src/canvas-extensions/canvas-wrapper-data-tagger-canvas-extension.ts

@@ -4,6 +4,7 @@ import AdvancedCanvasPlugin from "src/main"
 import SettingsManager, { AdvancedCanvasPluginSettings } from "src/settings"
 
 const EXPOSED_SETTINGS: (keyof AdvancedCanvasPluginSettings)[] = [
+  'performanceOptimizationEnabled',
   'collapsibleGroupsFeatureEnabled',
   'collapsedGroupPreviewOnDrag'
 ]

src/settings.ts

@@ -13,6 +13,8 @@ export interface AdvancedCanvasPluginSettings {
   defaultFileNodeWidth: number
   defaultFileNodeHeight: number
 
+  performanceOptimizationEnabled: boolean
+
   nodeStylingFeatureEnabled: boolean
   shapesFeatureEnabled: boolean
   borderStyleFeatureEnabled: boolean
@@ -59,7 +61,11 @@ export const DEFAULT_SETTINGS: Partial<AdvancedCanvasPluginSettings> = {
   defaultFileNodeWidth: 400,
   defaultFileNodeHeight: 400,
 
+  performanceOptimizationEnabled: false,
+
   shapesFeatureEnabled: true,
+  nodeStylingFeatureEnabled: true,
+  borderStyleFeatureEnabled: true,
 
   edgesStylingFeatureEnabled: true,
   edgeStylePathfinderGridResolution: 10,
@@ -79,9 +85,7 @@ export const DEFAULT_SETTINGS: Partial<AdvancedCanvasPluginSettings> = {
   collapsibleGroupsFeatureEnabled: true,
   collapsedGroupPreviewOnDrag: true,
 
-  nodeStylingFeatureEnabled: true,
   stickersFeatureEnabled: true,
-  borderStyleFeatureEnabled: true,
 
   presentationFeatureEnabled: true,
   defaultSlideSize: '1200x675',
@@ -196,6 +200,13 @@ export class AdvancedCanvasPluginSettingTab extends PluginSettingTab {
           .onChange(async (value) => await this.settingsManager.setSetting({ defaultFileNodeHeight: Math.max(1, parseInt(value)) }))
       )
 
+    this.createFeatureHeading(
+      containerEl,
+      "Performance optimization",
+      "Optimize the performance of the canvas (Side effect is some amount of blurriness).",
+      'performanceOptimizationEnabled'
+    )
+
     this.createFeatureHeading(
       containerEl,
       "Node styling",

src/styles/performance.scss

@@ -1,10 +1,10 @@
 // Source (Slightly modified): https://forum.obsidian.md/t/performance-issue-with-built-in-canvas-plugin/68609/2
 
-.view-content:has(> .canvas-wrapper) {
+.view-content:has(> .canvas-wrapper[data-performance-optimization-enabled='true']) {
   overflow: hidden;
 }
 
-.canvas-wrapper {
+.canvas-wrapper[data-performance-optimization-enabled='true'] {
   width: 1000%;
   height: 1000%;