1.3.3.10. Image & Figure Directives

  • This is how you add a Draw.io Diagram as a converted to SVG

    • Syntax:

      • :height: 100px In pixels

      • :width: 100px In pixels

      • :scale: % Integer Percentage Value of image

      • :alt: Alternate Text

      • :align: left|center|right

      • :figwidth: % Integer Percentage Value of entire figure

      • :figclass: Class attribute value of figure

      .. figure:: /_static/diagrams/drawio_example.svg
          :scale: 100
          :alt: Draw.io Example
          :align: center
      
          This is the caption of the exported Draw.io diagram as a SVG.
      
    • Rendered:

      Drawio SVG Example

      Figure 1.20 This is the caption of the figure. So you can give a paragraph description of the image you linked. You could also include a table or a legend with multiple other images but ensure there is a blank link between them.