mermaid-js / mermaid-live-editor

Edit, preview and share mermaid charts/diagrams. New implementation of the live editor.
https://mermaid.live
MIT License
4.3k stars 654 forks source link

Saving a ZenUML as PNG or SVG does not work #1562

Open Katze719 opened 2 weeks ago

Katze719 commented 2 weeks ago

Describe the bug When i want to save my ZenUML diagram as a PNG or SVG file, it looks glitched, the online viewer shows it correctly

To Reproduce Link to Live Editor: Link

Steps to reproduce the behavior:

  1. Enter this code into the live editor:
zenuml
title Order Processing

Client->OrderService.processOrder(orderId int) {
    InventoryService.checkStock(productId int) {
        if(stockAvailable) {
            return true
        } else {
            return false

            // Frühzeitiger Return
            @return
            OrderService->Client: Order out of stock (orderId int)
        }
    }
    PaymentService.processPayment(orderId int, amount float) {
        if(paymentSuccess) {
            return "Payment confirmed"
        } else {
            return "Payment failed"

            // Frühzeitiger Return
            @return
            OrderService->Client: Order failed due to payment issue
        }
    }
    return "Order processed successfully"
}
  1. try to save as PNG or SVG and take a look at the picture

Expected behavior PNG or SVG should look like this:

image

Screenshots but it looks like this:

image

Desktop (please complete the following information):