Skip to main content

62 posts tagged with "svg export"

View All Tags

The case for rendering to separate elements

· 11 min read
Simon Porritt
JsPlumb core team

JsPlumb Toolkit uses individual SVG elements to render edges and individual SVG/HTML elements to render nodes, which is a different approach to other libraries in this space. In this post we're going to discuss the reasons why we do this, give a little historical background, and also share our vision for the near future.

JsPlumb does not use a single SVG context element because we do not consider jsPlumb to be limited to being strictly a diagramming library. jsPlumb's approach to rendering - allowing you to use any HTML or SVG to render your nodes - means that it is capable of building a whole other class of applications that many other libraries in this space cannot, or at least not in a straightforward and maintainable way.

Release 6.6.0

· 3 min read
Simon Porritt
JsPlumb core team

Export to SVG, PNG and JPG

This is an exciting new capability that JsPlumb offers. When using a Shape library to render the nodes in your UI, you can now export the Surface canvas to either SVG, PNG or JPG.

We've added support for this to our Flowchart builder starter app:

SVG, PNG and JPG export - JsPlumb - JavaScript and Typescript diagramming library that fuels exceptional UIs

When you click one of these you'll see a preview window, from which you can download the export:

SVG, PNG and JPG export - JsPlumb - Angular, React, Vue, Svelte diagramming library