AsciiDoc: How can I place graphical hints on an image
<p>I am using AsciiDoc with <a href="http://asciidoctor.org/docs/asciidoctor-gradle-plugin/" rel="nofollow noreferrer">Asciidoctor Gradle Plugin</a> to generate technical documentation as PDF.</p>

<p>When I used M$ Word, I could easily place forms on an image, for example </p>

<ol>
<li>colored rectangles, </li>
<li>boxes with numbers or</li>
<li>even links to sections within the document,</li>
</ol>

<p>to better point out interesting areas within the image.</p>

<p>Example:</p>

<p><a href="https://i.stack.imgur.com/DTYk6.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DTYk6.jpg" alt="Example image: A mockup with two rectangles and two links"></a></p>

<p>On the example image I have placed two rectangles and each one contains a link (starting with the word <em>«Dialogbereich»</em>) leading to a other sections within the document.</p>

<p><strong>Is it possible to achieve something like this (directly) in AsciiDoc?</strong> </p>

<ol>
<li>Note that the answers to <a href="https://stackoverflow.com/questions/24734328/asciidoc-how-to-add-callouts-asciidoc-to-image">asciidoc: how to add callouts asciidoc to image</a> do not apply here as the Asciidoctor PDF backend does not use DocBook to generate the PDF.</li>
<li>I know I could create a layered image in GIMP to at least place the rectangles. However, that wouldn't help me with the links.</li>
</ol>