Die Common-Controls Tag Bibliothek

<svg:embed>

Das Tag fügt den im Tag-Body angegebenen SVG-Stream direkt in die resultierende HTML Seite ein.

Der SVG-Stream wird hierzu im ResourceManager abgelegt. Auf die HTML-Seite wird die folgende Referenz auf die registrierte Ressource geschrieben (siehe Beispiel):

<object
    data='/cc/session/svgresource.res'
    width='100%'
    height='200'
    type='image/svg+xml'>

    <embed
        src='/cc/session/svgresource.res'
        width='100%'
        height='200'
        type='image/svg+xml'
        pluginspage='http://www.adobe.com/svg/viewer/install/'/>
</object>
Das Tag verwendet das Resource-Servlet des CC-Frameworks. Auf dem Client System muss ein SVG-Viewer Browser Plugin installiert sein.

Body content: JSP
Tag class: EmbedTag
 

[ Syntax ]

Standard Syntax
<svg:embed
height = "String"
name = "String"
width = "String"
[ scope = "{any | page | request | dialog | session | application}" ]
>
...Body Content...

</svg:embed>
 

[ Attribute ]

AttributTypBeschreibungPflichtRTExp
heightString Die Höhe des SVG-Betrachter Fensters. Die Höhe kann absolut oder prozentual angegeben werden.

Siehe HTML-Dokumentation
nameString Der Name unter welchem die Ressource im Ressourcen Manager abgelegt werden soll.
scopeHTTPScope Gibt den Scope an, in welchem die SVG-Ressource im Ressourcen Manager registriert werden soll.
  • any = Nach der Bean wird in jedem Scope gesucht.
  • page = Die Bean liegt als lokale Variable in der JSP Seite.
  • request = Die Bean liegt im HTTP-Request.
  • dialog = Die Bean liegt in der Dialog Instanz. Dieser Scope kann nur in Verbindung mit der Dialogsteuerung verwendet werden!
  • session = Die Bean liegt in der HTTP-Session.
  • application = Die Bean liegt im Servletkontext.

Anmerkung: Der Scope page und request dürfen nicht benutzt werden.

 
widthString Die Breite des SVG-Betrachter Fensters. Die Breite kann absolut oder prozentual angegeben werden.

Siehe HTML-Dokumentation

[ Beispiel ]

Bettet eine SVG-Ressource ein


<%@ taglib uri="http://www.common-controls.com/cc/tags-svg" prefix="svg" %>

<svg:embed width="100%" height="200" name="svgresource">
   <svg width="8cm" height="3cm" viewBox="0 0 800 300">
      <rect id="RectElement" x="300" y="100" width="300" height="100" style="fill:rgb(255,255,0)">
         <animate attributeName="x" attributeType="XML" begin="0s" dur="9s" fill="freeze" from="300" to="0"/>
         <animate attributeName="y" attributeType="XML" begin="0s" dur="9s" fill="freeze" from="100" to="0"/>
         <animate attributeName="width" attributeType="XML" begin="0s" dur="9s" fill="freeze" from="300" to="800"/>
         <animate attributeName="height" attributeType="XML" begin="0s" dur="9s" fill="freeze" from="100" to="300"/>
      </rect>
      <g transform="translate(100,100)">
         <text id="TextElement" x="0" y="0" style="font-family:Verdana; font-size:35.27; visibility:hidden">Embed SVG!
            <set attributeName="visibility" attributeType="CSS" to="visible" begin="3s" dur="6s" fill="freeze"/>
            <animateMotion path="M 0 0 L 0 100" begin="3s" dur="6s" fill="freeze"/>
            <animateColor attributeName="fill" attributeType="CSS" from="rgb(0,0,255)" to="rgb(128,0,0)" begin="3s" dur="6s" fill="freeze"/>
            <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="-30" to="0" begin="3s" dur="6s" fill="freeze"/>
            <animateTransform attributeName="transform" attributeType="XML" type="scale" from="1" to="3" additive="sum" begin="3s" dur="6s" fill="freeze"/>
         </text>
      </g>
   </svg>
</svg:embed>

                  
© 2000 - 2007 by www.common-controls.com (erstellt mit Common Controls TLDFactory)