cours0708/P51/apache-tomcat-6.0.14/webapps/examples/jsp/jsp2/jspx/textRotate.jspx.html

39 lines
1.8 KiB
HTML

<html><body><pre>
&lt;!--
- 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.
-->
&lt;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:fn="http://java.sun.com/jsp/jstl/functions"
xmlns:jsp="http://java.sun.com/JSP/Page">
&lt;jsp:directive.page contentType="image/svg+xml" />
&lt;title>JSP 2.0 JSPX&lt;/title>
&lt;!-- select name parameter, or default to JSPX -->
&lt;c:set var="name" value='${empty fn:escapeXml(param["name"]) ? "JSPX" : fn:escapeXml(param["name"])}'/>
&lt;g id="testContent">
&lt;text class="title" x="50%" y="10%" font-size="15" text-anchor="middle" >
JSP 2.0 XML Syntax (.jspx) Demo&lt;/text>
&lt;text class="title" x="50%" y="15%" font-size="15" text-anchor="middle" >
Try changing the name parameter!&lt;/text>
&lt;g opacity="1.0" transform="translate(225, 250)" id="rotatedText">
&lt;c:forEach var="i" begin="1" end="24">
&lt;jsp:text>
&lt;![CDATA[&lt;g opacity="0.95" transform="scale(1.05) rotate(15)">]]>
&lt;/jsp:text>
&lt;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}&lt;/text>
&lt;/c:forEach>
&lt;c:forEach var="i" begin="1" end="24">
&lt;jsp:text>&lt;![CDATA[&lt;/g>]]>&lt;/jsp:text>
&lt;/c:forEach>
&lt;text style="font-size:75;font-family:Serif;fill:white"
text-anchor="middle">${name}&lt;/text>
&lt;/g>
&lt;/g>
&lt;/svg>
</pre></body></html>