doxygen：在 html 文档中包含数据包结构图

Question

我试图在我的 doxygen 文档 (html) 中包含一个表示数据包结构的图，类似于以下示例：

我知道可以使用多个命令从代码生成图表（例如 @startuml/@enduml、@dot/@enddot、@msc/@endmsc), 但查看各种用法示例我无法找到正确的方法。

有谁知道我如何在不包含外部资源（例如图像或图表文件）的情况下获得类似的结果（使用上面的命令之一，或者如果需要的话使用其他命令）？

提前致谢。

Answer 1

按照阿尔伯特的建议，HTML table 似乎是实现我正在寻找的结果的合理工具。

这是我的尝试：

<table style="border: none; border-collapse: collapse; margin-left:auto; margin-right:auto; table-layout: fixed; width: 1000px;">
 <caption style="caption-side: bottom" id="Figure-1">Example of binary string: IP packet structure.</caption>
 <tr>
  <td>
  <td style="text-align: left; font-size: 10px;" colspan="8">0
  <td style="text-align: left; font-size: 10px;" colspan="8">8
  <td style="text-align: left; font-size: 10px;" colspan="2">16
  <td style="text-align: right; font-size: 10px;" colspan="1">18
  <td style="text-align: left; font-size: 10px;" colspan="5">
  <td style="text-align: left; font-size: 10px;" colspan="4">24
  <td style="text-align: right; font-size: 10px;" colspan="4">31
 <tr>
  <td text-align="center" vertical-align="middle">1
  <td style="border: 2px solid black; border-collapse: collapse; text-align: center;" colspan="4">Version
  <td style="border: 2px solid black; border-collapse: collapse; text-align: center;" colspan="4">Header Length
  <td style="border: 2px solid black; border-collapse: collapse; text-align: center;" colspan="8">Type of Service
  <td style="border: 2px solid black; border-collapse: collapse; text-align: center;" colspan="16">Total Length
 <tr>
  <td text-align="center" vertical-align="middle">2
  <td style="border: 2px solid black; border-collapse: collapse; text-align: center;" colspan="16">Identification
  <td style="border: 2px solid black; border-collapse: collapse; text-align: center;" colspan="3">Flags
  <td style="border: 2px solid black; border-collapse: collapse; text-align: center;" colspan="13">Fragment Offset
 <tr>
  <td text-align="center" vertical-align="middle">3
  <td style="border: 2px solid black; border-collapse: collapse; text-align: center;" colspan="8">Time To Live
  <td style="border: 2px solid black; border-collapse: collapse; text-align: center;" colspan="8">Protocol
  <td style="border: 2px solid black; border-collapse: collapse; text-align: center;" colspan="16">Header Checksum
 <tr>
  <td text-align="center" vertical-align="middle">4
  <td style="border: 2px solid black; border-collapse: collapse; text-align: center;" colspan="32">Source IP Address
 <tr>
  <td text-align="center" vertical-align="middle">5
  <td style="border: 2px solid black; border-collapse: collapse; text-align: center;" colspan="32">Destination IP Address
 <tr>
  <td text-align="center" vertical-align="middle">6
  <td style="border: 2px solid black; border-collapse: collapse; text-align: center;" colspan="32" rowspan="3">Options
 <tr>
  <td text-align="center" vertical-align="middle">7
 <tr>
  <td text-align="center" vertical-align="middle">8
</table>

任何其他建议将不胜感激。

doxygen：在 html 文档中包含数据包结构图

doxygen: include packet structure drawing in html documentation

doxygen

diagram

packet