Saving Images

[makleo2002]

Introduction

how do I save an image from paper in SVG JPG PNG formats and then download it?

Steps to reproduce

No response

Restrictions & Constraints

No response

Does your question relate to JointJS or JointJS+. Select both if applicable.

JointJS, JointJS+

[kumilingus]

You are looking for format.Raster and format.SVG plugins.

There are several examples of how to export a diagram to an image: https://www.jointjs.com/demos?feature=Export+to+PNG%2FJPEG

And here's a simple example:

import { format, util } from '@joint/plus';

/*... */

format.toSVG(
    paper,
    (svg) => {
        util.downloadDataUri(
            `data:image/svg+xml,${encodeURIComponent(svg)}`,
            'joint-plus.svg'
        );
    },
    { useComputedStyles: false }
);