JAVA

Using Sun Java Studio Creator with SVG

Scalable Vector Graphics is a language that will help make Rich Internet Client Applications a reality. This article will show you how to embed SVG files in JSP using Sun Java Studio Creator.

Author Info:

By: Jayaram Krishnaswamy

Poor Best

Rating:

/ 5

March 05, 2007

TABLE OF CONTENTS:

<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" 
xmlns:f="http://java.sun.com/jsf/core" 
xmlns:h="http://java.sun.com/jsf/html" 
xmlns:jsp="http://java.sun.com/JSP/Page" 
xmlns:ui=
"http://www.sun.com/web/ui"><jsp:directive.pagecontentType=

"text/html;charset=UTF-8" pageEncoding="UTF-8"/>
<f:view>
<ui:page binding="#{AddSvg.page1}" id="page1">
<ui:html binding="#{AddSvg.html1}" id="html1">
<ui:head binding="#{AddSvg.head1}" 
id="head1">
<ui:link binding="#{AddSvg.link1}" 
id="link1" 
url="/resources/stylesheet.css"/>
</ui:head>
<ui:body binding="#{AddSvg.body1}" 
id="body1" 
focus="" style="-rave-layout: grid">
<ui:form binding="#{AddSvg.form1}" 
id="form1"/>
</ui:body>
</ui:html>
</ui:page>
</f:view> <embed src="resources/circles.svg" width="400" 
height="400" type="image/svg+xml"/>
</jsp:root>

The page which gets rendered appears as follows:

Embedding into HTML

The source code for this page, DSvg.html, is as follows;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body> <embed src="resourcesUnicode.svg" 
width="400" height="400" 
type="image/svg+xml"/> </body>
</html>

The page which gets rendered appears as follows:

Summary

Sun Java Studio Creator supports embedding of SVG files in both HTML and JSP pages. It would have been quite simple to arrange adding files with arbitrary extensions to the resources folder. The present workaround is one way of getting the SVG files into a project. There could be other ways of doing this as well. Unicode.svg displays differently in IE 6.0 and IE 7.0 for some of the South Indian characters, which is probably due to the differences in the viewers. Readers who may be interested in the original SVG files may write to the author, as the files in the article may get changed as they pass through transformation during article editing.

DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.