CanvasPage

summary:

• Renders JSON Canvas (.canvas) files through custom "canvas" page frame
• Supports JSON Canvas 1.0 spec

Note

Plugin add/remove/configure: Configuration.

Configuration

configuration: enableInteraction: effect: pan/zoom default: true initialZoom: effect: initial zoom level default: 1 minZoom: effect: minimum zoom level default: 0.1 maxZoom: effect: maximum zoom level default: 5

Canvas Frame

canvas_frame: frame: "canvas" features: fullscreen: 100vw × 100vh left_sidebar: - togglable - slides in - overlays on mobile - contains left slot components - toggles: - top-left button - Escape controls: position: right actions: - zoom in - zoom out - reset override_layout: quartz.config.yaml

quartz.config.yaml

layout:
  byPageType:
    canvas:
      template: default # Use standard three-column layout instead

Features

features: text_nodes: rendering: Markdown/GFM supports: - headings - lists - links - code blocks file_nodes: - local vault page links - hover popover previews link_nodes: - external URL references group_nodes: - containers - optional labels - background colors edges: - SVG paths - optional labels - arrows - colors: - presets: 1–6 - custom hex: #RRGGBB - connections: any side colors: presets: - red - orange - yellow - green - cyan - purple custom_hex: #RRGGBB applies_to: - nodes - edges

API

api: category: Page Type function: ExternalPlugin.CanvasPage() source: quartz-community/canvas-page install: npx quartz plugin add github:quartz-community/canvas-page