Export diagram as image

[thunderbolt-fire]

No description provided.

[joshspicer]

There is no button to directly export as a png. By clicking the little markdown button you can get the "source code" for the mermaid diagram and paste directly into places where mermaid can be rendered (like this GitHub issue)

For example, I copied this directly out of VS Code, generated by the extension:

classDiagram
    class Main {
        +main(String[] args)
    }

    class Animal {
        <<interface>>
        +makeSound()
    }

    class Dog {
        +makeSound()
        +eat()
    }

    class Cat {
        +makeSound()
        +eat()
    }

    class AbstractAnimal {
        -String name
        -int age
        +AbstractAnimal(String name, int age)
        +getName()
        +getAge()
        +eat()
    }

    class AnimalFactory {
        +createAnimal(String type, String name, int age)
    }

    class Zoo {
        -List<Animal> animals
        +Zoo()
        +addAnimal(Animal animal)
        +makeAllSounds()
        +feedAllAnimals()
    }

    Main --> Animal
    Dog --> Animal
    Cat --> Animal
    Dog --> AbstractAnimal
    Cat --> AbstractAnimal
    AnimalFactory --> Animal
    Zoo --> Animal

Loading

You can of course also screenshot your diagrams with your app of choice :)

I agree a button would be handy, it was suprisingly a bit technically challenging so we left it out of the initial version. I've added the feature-request label

[rudy750]

Can we also export to PDF etc..
Similar to how Markdown Preview Mermaid Support does it