Hi,

when generating a pdf in which I want to include an SVG element, I can do it like that:

....
<fo:instream-foreign-object>
                     <svg  xmlns=" http://www.w3.org/2000/svg" width="150px" height="177px" viewBox="0 0 150 177"                                                                     xml:space="preserve">
      
                           <svg:image x="0" y="0" width="150px" height="177px"
                                   xlink:href="" href="http://localhost:8080/cocoon/map.jpg"> http://localhost:8080/cocoon/map.jpg">
                           </svg:image>
                        
                         <g id="arrow" style="fill: white; stroke: blue;">
                            <line stroke-width="3" x1="{$r_pfeil}" y1="{$hk}" x2="{$rk}" y2="{$hk}" />
                            <polygon points="{$rk} {$hk}, {$r_pf} {$h_pf2}, {$r_pf} {$h_pf}" />
                           </g>                         
                          <circle cx="91" cy="44" r="2" style="fill: white; stroke: black;"/>
                          <circle cx="56" cy="89" r="2" style="fill: white; stroke: black;"/>
                          <circle cx="101" cy="84" r="2" style="fill: white; stroke: black;"/>
                          <circle cx="42" cy="43" r="2" style="fill: white; stroke: black;"/>
                          <circle cx="72" cy="128" r="2" style="fill: white; stroke: black;"/>
                        <text style="font-size: 10; font-weight: bold;" x="94" y="49">place a</text>
                        <text style="font-size: 10; font-weight: bold;" x="58" y="94">place b</text>
                                      </svg>
                </fo:instream-foreign-object>

now, I want to include the same object in my xhtml file, (generate xml file, transform xsl-->output=xhtml).

I am wondering, what the syntax is like; that does not seem to work:
<
object  type="image/svg+xml">
<svg  xmlns="http://www.w3.org/2000/svg" width="150px"
height="177px" viewBox="0 0 150 177"   xml:space="preserve">
                          
<svg:image x="0" y="0" width="150px" height="177px"
 xlink:href="" href="http://localhost:8080/cocoon/map.jpg"> http://localhost:8080/cocoon/map.jpg">
   </svg:image>
...
....
<object>
plus, do I need to add s.th in the sitemap?

Just FYI, my aim is to display a map (the map.jpg in the svg:image tag) and draw an arrow into the map, depending on the chosen place. place a and place b (in the text tag) are static, the arrow is generated dynamically

Thank you very much
Marco


Reply via email to