Add SVG export feature to Canvas


First, I wanted to thank the Obsidian team for the new Canvas feature. It just so easy, fluid and so convenient to use :slight_smile: It’s really a game changer !

Use case or problem

Canvas allows to export to PNG files but this format is not suitable to create and share clickable visuals.

This imposes to replicate the visual in a tool allowing export in a clickable format (Svg).

Proposed solution

Adding the ability to export in .svg files located (for example) in the triple dots menu “Export as SVG”.

Embed pages can only be exported for the content displayed in the frame of the box (the reste of the page that need to scroll down to be seen will not be displayed).

Such feature can also potentially help to promoting Obsidian more widely if visuals made with canvas are shared on social networks or with collegues or friends.

Current workaround (optional)

Currently, and as far as I know, some tools allow to create svg content like the very helpful and complete Excalidraw obsidian plugin by Zsolt Viczián.

However, as i am figuring out, Canvas can help to produce others types of content than those created in Excalidraw. For exemple, Canvas allows to link, organize and display existing obsidian pages without having to rewrite it.


Adding my support (and hearted the OP)! I sometimes print canvases, and output looks blocky and antialiased when exported to PNG:

The antialiasing is OK for a display, but it doesn’t look good when printed out.

Please consider adding SVG output from a Canvas to facilitate printing, embedding in websites, and other creative applications.




We strongly recommend you to search the forum with possible keywords before making a new feature request. If your request is very similar to an existing one, consider liking it and/or making a comment rather than making a new one. Once you’ve searched and determined that this is a new request, delete this line.

Use case or problem

I am trying to export my canvas and use it to create poster and will useful to be able to export it in other formats like SVG or even PNG but with a transparent background and to be able to choose about the quality that you wanna the image have, in order to be more flexible.

Current workaround (optional)

Currently I am trying to remove the background via procreate which takes a lot of time to do that.

Related feature requests (optional)

Overall more control and options while you exporting or use you canvas, about the overall size, the fonts and the quality of the image that you exporting, regardless what the size of the file will be.

YES, please. SVG would be the most important if you ask me! Also transparency / background options would be vital

1 Like

Sorry MantisSachlas if I missed something but I found no equivalent request on SVG export options for canvas. I appreciate your suggestion of related feature but the quality of the image was not my point (even it’s one another great feature of SVG).

The need was more to export a canvas as a clikable image to be easily embedded as a website image or shared as a separated file. If it could also support transparent background as mentionned by Zettelstraum, this will be even better.

Because currently the only way to export an interactive infography created for PKM use (i.e clickable decision tree, clickable big picture of a ecosytem or chain of cause and effects) is to recreate it in a sofware dedicated to the creation of presentations or infographies.

This could also be a great opportunity to make Obsidian known to a wider audience or be appreciated by people who both create infographies fo their PKM and to be able to communicate them later (i.e. support function like human resource or legal department, researchers, students, etc)

I get you mate :slight_smile:

For me the other hand I need the format to be able to put in more uses what I have done!

Hey there,

I came across this post as I was looking for such feature as well.

I am using Obsidian to build several Vuepress documentation sites. As part of a build script that converts wiki links to normal markdown links, I added several functions that render the .canvas files to .svg files.

Here is a blog post about converting canvas to svg: Janik von Rotz - Convert Obsidian canvas to SVG

And here is current build script: Wiki/build.js at dd7a75d98474717bb90092f83347e0c8caef157e · Mint-System/Wiki · GitHub

Note that there are no build dependencies. You can simply copy all the converter methods.

I had some problems with previewing entire markdown files.

1 Like

@janikvonrotz, it seems your blog post changed it’s url, leaving link in your message broken. Here’s the new url: Janik von Rotz - Convert Obsidian canvas to SVG