| 1 | <!-- |
|---|
| 2 | Licensed to the Apache Software Foundation (ASF) under one or more |
|---|
| 3 | contributor license agreements. See the NOTICE file distributed with |
|---|
| 4 | this work for additional information regarding copyright ownership. |
|---|
| 5 | The ASF licenses this file to You under the Apache License, Version 2.0 |
|---|
| 6 | (the "License"); you may not use this file except in compliance with |
|---|
| 7 | the License. You may obtain a copy of the License at |
|---|
| 8 | |
|---|
| 9 | http://www.apache.org/licenses/LICENSE-2.0 |
|---|
| 10 | |
|---|
| 11 | Unless required by applicable law or agreed to in writing, software |
|---|
| 12 | distributed under the License is distributed on an "AS IS" BASIS, |
|---|
| 13 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|---|
| 14 | See the License for the specific language governing permissions and |
|---|
| 15 | limitations under the License. |
|---|
| 16 | --> |
|---|
| 17 | <html> |
|---|
| 18 | <head> |
|---|
| 19 | <title>JSP 2.0 SVG Example</title> |
|---|
| 20 | </head> |
|---|
| 21 | <body> |
|---|
| 22 | <h1>JSP 2.0 SVG Example</h1> |
|---|
| 23 | <hr> |
|---|
| 24 | This example uses JSP 2.0's new, simplified JSPX syntax to render a |
|---|
| 25 | Scalable Vector Graphics (SVG) document. When you view the source, |
|---|
| 26 | notice the lack of a <jsp:root> element! The text to be rendered |
|---|
| 27 | can be modified by changing the value of the name parameter. |
|---|
| 28 | <p> |
|---|
| 29 | SVG has many potential uses, such as searchable images, or images |
|---|
| 30 | customized with the name of your site's visitor (e.g. a "Susan's Store" |
|---|
| 31 | tab image). JSPX is a natural fit for generating dynamic XML content |
|---|
| 32 | such as SVG. |
|---|
| 33 | <p> |
|---|
| 34 | To execute this example, follow these steps: |
|---|
| 35 | <ol> |
|---|
| 36 | <li>Download <a href="http://xml.apache.org/batik/index.html">Batik</a>, |
|---|
| 37 | or any other SVG viewer.</li> |
|---|
| 38 | <li>Copy the following URL: |
|---|
| 39 | <a href="http://localhost:8080/examples/jsp/jsp2/jspx/textRotate.jspx?name=JSPX"> |
|---|
| 40 | http://localhost:8080/examples/jsp/jsp2/jspx/textRotate.jspx?name=JSPX</a> |
|---|
| 41 | </li> |
|---|
| 42 | <li>Paste the URL into Batik's Location field and press Enter</li> |
|---|
| 43 | <li>Customize by changing the name=JSPX parameter</li> |
|---|
| 44 | </ol> |
|---|
| 45 | <br> |
|---|
| 46 | The following is a screenshot of the resulting image, for those that |
|---|
| 47 | don't have an SVG viewer: |
|---|
| 48 | <blockquote> |
|---|
| 49 | <img src="textRotate.jpg" border="1"> |
|---|
| 50 | </blockquote> |
|---|
| 51 | </body> |
|---|
| 52 | </html> |
|---|
