cocoon-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Björn Boxstart ...@bogaarts.nl>
Subject RE: adding an SVG element to xhtml
Date Wed, 14 Jun 2006 06:28:49 GMT
Hello Marco,
What you are trying to do is to create inline SVG in an HTML page like you would do in XSL-FO
files. This is possible, but your solution would need a different approach per browser. However,
I think that it would be a much easier solution to create one more page that just creates
the SVG image. You would refer to this image from the HTML page that you create (by using
the 'src' attribute).
This could look something like:
<embed src="cocoon/mymapgenerator.xml" width="625" height="392.5" type="image/svg+xml"
/>
Be sure to set the correct content type in the page that generates the image
You could pass parameters to the page that creates the image to make the image generation
dynamic.
I hope this helps!
Björn
________________________________________
Van: 321los@googlemail.com [mailto:321los@googlemail.com] 
Verzonden: dinsdag 13 juni 2006 18:01
Aan: users@cocoon.apache.org
Onderwerp: adding an SVG element to xhtml

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=" 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="
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


---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@cocoon.apache.org
For additional commands, e-mail: users-help@cocoon.apache.org


Mime
View raw message