Re: [docbook-apps] About callout icons

[Alexander Karnstedt <alexander_berlin at gmx dot de>]

Hi Jacques,

I had a similar idea for callouts on screenshot images.

Following is an example of what is working fine in my case.

Regards,
Alexander

The SVG file embeds a PNG image. Note that the SVG-tag has "mm" size 
attributes additionally to the viewbox attribute. The viewbox is a bit 
wider than the PNG because the callouts placed at the margin and an 
according polyline points from the callout to the desired area inside the 
screenshot.
--------------------------------------------------------------------------
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" 
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd";>
<svg width="103mm" height="110mm" viewBox="0 0 385 411">
 <g style="stroke:rgb(0,0,0);fill:rgb(255,255,255)">
<image x="0" y="0" width="360" height="411" 
xlink:href="../../images/editor-detail-formular.png"/>
 </g>

 <g transform="translate(368,8)" 
style="font-family:serif;font-size:13;font-weight:bold">
  <circle cx="7" cy="7" r="7" 
style="stroke:rgb(0,0,0);fill:black;stroke-width:1" />
  <g style="stroke:none;fill:white">
   <text text-anchor="middle" x="7" y="11">1</text>
  </g>
 </g>
 <g style="stroke:rgb(0,0,0);fill:none">
   <polyline points="252,15 368,15" style="fill:none"/>
 </g>

....

</svg>
--------------------------------------------------------------------------


Within my docbook file I've embedded this graphic as follows (SVG is taken 
for PDF generation and PNG for HTML files):
--------------------------------------------------------------------------
....
      <figure>
        <title>Formular</title>
        <mediaobject>
          <imageobject>
            <imagedata align="center"
            fileref="../resources/svg/screenshots/editor-detail-formular.svg"
            format="SVG" />
          </imageobject>
          <imageobject>
            <imagedata align="center"
            fileref="../resources/png/screenshots/editor-detail-formular.png"
            format="PNG" />
          </imageobject>
          <textobject>
            <para>Formular bearbeiten</para>
          </textobject>
        </mediaobject>
      </figure>
....
--------------------------------------------------------------------------



At 13:19 17.01.2005, Jacques wrote:
> I take my screenshot, and with svg, I've put the callout icons (which
> are svg too) in my bitmap image. It work's and the result is ok (I take
> a look with batik).
>
> But when I try to include my result image (a svg one with the bitmap
> background) it appears very small and unreadable inside my pdf file :-(