Ga naar inhoud

Diagram naar code

Diagram naar code zet het diagram dat je hebt getekend weer om in Mermaid- of D2-broncode. Het is handig om een diagram onder versiebeheer te plaatsen, in een README in te sluiten of naar een andere tool te verplaatsen; het is het omgekeerde van Uit Mermaid / Uit D2. De standaardconversie vereist geen AI (lokaal, op basis van regels).

Diagram naar code: bereikkiezer en gekleurde code

Meer tools (⋯) → Diagram naar code in de onderste werkbalk. Als er geen vorm op het canvas staat, verschijnt dit item uitgeschakeld.

  1. Open Meer tools → Diagram naar code.
  2. Kies de uitvoertaal Mermaid of D2 bovenaan.
  3. Gebruik Bereik om te bepalen wat wordt omgezet (het smalste geldige bereik is de standaard):
    • Alles: het hele canvas.
    • Selectie: alleen de vormen die je hebt geselecteerd (uitgeschakeld als er niet genoeg diagramknooppunten zijn geselecteerd).
    • Frame: het diagram binnen een frame (uitgeschakeld als er geen frame is geselecteerd).
  4. De code verschijnt in een weergave met syntaxkleuring en regelnummers (met een taalbadge en regelaantal). Gebruik Kopiëren om het te pakken of Downloaden om een .mmd- / .d2-bestand op te slaan.
  • Structureel (standaard): LetDraw parseert de vormen en de pijlen die ze verbinden en haalt er een knooppunt- + randgraaf uit; het produceert leesbare identifiers uit de vaktekst. Netjes verbonden diagrammen (pijlen waarvan de uiteinden aan vormen gebonden zijn) geven de beste resultaten. Een badge geeft aan dat de bron structureel is.
  • Interpreteren met AI (optioneel): voor handgetekende diagrammen of diagrammen die structurele extractie niet volledig kan vatten, is er een AI-optie die het diagram als afbeelding leest en in code omzet. Dit pad gebruikt een provider/quota; als je wilt, kun je met één klik terugkeren naar de structurele uitvoer.
  • Als je visuele (PNG/SVG/PDF) uitvoer wilt, gebruik dan Exporteren in het hamburgermenu; deze tool produceert alleen broncode.