|  | @@ -74,7 +74,7 @@ const strokeCircle = (
 | 
											
												
													
														|  |    context.stroke();
 |  |    context.stroke();
 | 
											
												
													
														|  |  };
 |  |  };
 | 
											
												
													
														|  |  
 |  |  
 | 
											
												
													
														|  | -const renderGrid = (
 |  | 
 | 
											
												
													
														|  | 
 |  | +const strokeGrid = (
 | 
											
												
													
														|  |    context: CanvasRenderingContext2D,
 |  |    context: CanvasRenderingContext2D,
 | 
											
												
													
														|  |    gridSize: number,
 |  |    gridSize: number,
 | 
											
												
													
														|  |    offsetX: number,
 |  |    offsetX: number,
 | 
											
										
											
												
													
														|  | @@ -148,10 +148,12 @@ export const renderScene = (
 | 
											
												
													
														|  |      // Should not be turned on for export operations and similar, because it
 |  |      // Should not be turned on for export operations and similar, because it
 | 
											
												
													
														|  |      //  doesn't guarantee pixel-perfect output.
 |  |      //  doesn't guarantee pixel-perfect output.
 | 
											
												
													
														|  |      renderOptimizations = false,
 |  |      renderOptimizations = false,
 | 
											
												
													
														|  | 
 |  | +    renderGrid = true,
 | 
											
												
													
														|  |    }: {
 |  |    }: {
 | 
											
												
													
														|  |      renderScrollbars?: boolean;
 |  |      renderScrollbars?: boolean;
 | 
											
												
													
														|  |      renderSelection?: boolean;
 |  |      renderSelection?: boolean;
 | 
											
												
													
														|  |      renderOptimizations?: boolean;
 |  |      renderOptimizations?: boolean;
 | 
											
												
													
														|  | 
 |  | +    renderGrid?: boolean;
 | 
											
												
													
														|  |    } = {},
 |  |    } = {},
 | 
											
												
													
														|  |  ) => {
 |  |  ) => {
 | 
											
												
													
														|  |    if (!canvas) {
 |  |    if (!canvas) {
 | 
											
										
											
												
													
														|  | @@ -191,8 +193,8 @@ export const renderScene = (
 | 
											
												
													
														|  |    context.scale(sceneState.zoom, sceneState.zoom);
 |  |    context.scale(sceneState.zoom, sceneState.zoom);
 | 
											
												
													
														|  |  
 |  |  
 | 
											
												
													
														|  |    // Grid
 |  |    // Grid
 | 
											
												
													
														|  | -  if (appState.gridSize) {
 |  | 
 | 
											
												
													
														|  | -    renderGrid(
 |  | 
 | 
											
												
													
														|  | 
 |  | +  if (renderGrid && appState.gridSize) {
 | 
											
												
													
														|  | 
 |  | +    strokeGrid(
 | 
											
												
													
														|  |        context,
 |  |        context,
 | 
											
												
													
														|  |        appState.gridSize,
 |  |        appState.gridSize,
 | 
											
												
													
														|  |        -Math.ceil(zoomTranslationX / sceneState.zoom / appState.gridSize) *
 |  |        -Math.ceil(zoomTranslationX / sceneState.zoom / appState.gridSize) *
 |