<!-- 
  - This example is based off the textRotate.svg example that comes
  - with Batik.  The original example was written by Bill Haneman.
  - This version by Mark Roth.
  -->
<svg xmlns="http://www.w3.org/2000/svg"
     width="450" height="500" viewBox="0 0 450 500"
     xmlns:c="http://java.sun.com/jsp/jstl/core"
     xmlns:jsp="http://java.sun.com/JSP/Page">
  <jsp:directive.page contentType="image/svg+xml" />
  <title>JSP 2.0 JSPX</title>
  <!-- select name parameter, or default to JSPX -->
  <c:set var="name" value='${empty param["name"] ? "JSPX" : param["name"]}'/>
  <g id="testContent">
    <text class="title" x="50%" y="10%" font-size="15" text-anchor="middle" >
            JSP 2.0 XML Syntax (.jspx) Demo</text>
    <text class="title" x="50%" y="15%" font-size="15" text-anchor="middle" >
            Try changing the name parameter!</text>
    <g opacity="1.0" transform="translate(225, 250)" id="rotatedText">
      <c:forEach var="i" begin="1" end="24">
        <jsp:text>
          <![CDATA[<g opacity="0.95" transform="scale(1.05) rotate(15)">]]>
        </jsp:text>
        <text x="0" y="0" transform="scale(1.6, 1.6)" fill="DarkSlateBlue" 
              text-anchor="middle" font-size="40" font-family="Serif" 
              id="words">${name}</text>
      </c:forEach>
      <c:forEach var="i" begin="1" end="24">
        <jsp:text><![CDATA[</g>]]></jsp:text>
      </c:forEach>
      <text style="font-size:75;font-family:Serif;fill:white" 
            text-anchor="middle">${name}</text>
    </g>
  </g>
</svg>