Better Embedded Canvas

Give your embedded canvas better display and interactivity.

🚀 Features

• Give embedded canvas the same look as canvas view.
• Navigate using panning and zooming to move across the canvas.
• Adjust the height of the embedded canvas in the note.
• Work on both page preview and canvas.
• Support Advanced Canvas plugin.

📦 Installation

• Manual
  • Create a folder named better-embedded-canvas under YOUR_VAULT_NAME/.obsidian/plugins.
  • Place manifest.json, main.js, and style.css from the latest release into the folder.
  • Enable it through the "Community plugin" setting tab.
• In-app (coming soon...)
• Using BRAT.

✍️ Usage

Use internal link prefixed with an exclamation mark (!) to embed a canvas. For example:

![[My canvas.canvas]]

You can also adjust the height of the canvas by adding a bar (|) and number to the link destination. For example:

![[My canvas.canvas|500]]

[!Note]

The minimum height of an embedded canvas is 300. The height adjusted below 300 will be rounded up to 300.

To learn how to interact with a canvas, refer here.

⚠️ Limitation

Embedded canvas cannot be edited directly. To do that, open the canvas directly.

©️ Attribution

This plugin includes some of the type definitions developed by Michael Naumov, Fevol, and the others at Obsidian Typings, with some adjustments. All their works are licensed under MIT.

🙏 Acknowledgment

Thanks to:

• Michael Naumov, Fevol, and the others at Obsidian Typings.