Mermaid Paketdiagramm-Spickzettel

Die Bits eines Netzwerkpakets, Feld für Feld.

Jedes Bild auf dieser Seite wurde gezeichnet vonMernyx, dem nativen Mermaid-Editor für macOS. Nicht von einem Browser mit Mermaid.js — demselben Renderer, den die App für ihre Leinwand nutzt.

Die Bitbereiche benennen

Ein Feld sind die Bits, die es abdeckt, und sein Name in Anführungszeichen. Die Bereiche müssen aneinander anschließen.

packet-beta
  0-15: "Source port"
  16-31: "Destination port"
  32-63: "Sequence number"

Ein Paket aus drei Feldern in einer Reihe: „Source port“ über den Bits 0 bis 15, „Destination port“ über 16 bis 31 und „Sequence number“ über 32 bis 63.

Die Bits stattdessen zählen

Ein Plus und eine Zahl sagen, wie breit das Feld ist, und es beginnt, wo das vorherige endete.

packet-beta
  +8: "Version"
  +8: "Flags"
  +16: "Payload"

Ein Paket aus drei Feldern in einer Reihe, beschriftet mit „Version“, „Flags“ und „Payload“, mit den Bitnummern oben entlang.

In Mernyx zeichnen

Öffne eine .mmd-Datei, verschiebe einen Knoten auf der Canvas, und der Quellcode kommt mit. Nativ auf macOS, ohne Browser dazwischen.

Mernyx Pro kaufen — $19 Kostenlos laden