发表于: 2005.08.26 08:53
分类: 工作
出处: http://junsheng.itpub.net/post/860/39133
---------------------------------------------------------------
首先制作svg:
drawCircle.jsp:
-------------------------------------------------
<?xml version="1.0"?>
<%@ page contentType="text/xml" %>
<svg>
<circle cx="<%=request.getParameter("x")%>" cy="<%=request.getParameter("y")%>" r="<%=request.getParameter("r")%>" />
</svg>
-------------------------------------------------
这是画一个圆，其中圆中心，圆半径由参数定。各位可以测试这个程序，在浏览器地址栏打入：
http://127.0.0.1:8080/testsvg/drawCircle.jsp?x=40&y=40&r=30
应该可以看到:
-----------------------------------------------------
<?xml version="1.0"?>
<svg>
<circle cx="40" cy="40" r="30" />
</svg>
-----------------------------------------------------
如果看到这个结果，测试就成功了。接下来，怎样显示呢？因为目前的浏览器并不直接支持svg，
所以前面即使将"<%@ page contentType="text/xml" %>"换成"<%@ page contentType="text/xml+svg" %>"
或"<%@ page contentType="image/xml+svg" %>之类也是徒劳的。解决之道是激发plug-in作用，所以要
添加一个辅助文件，html或jsp皆可：
test.html:
-------------------------------------------------
<html>
<body>
<embed type="image/svg+xml" src="drawCircle.jsp?x=40&y=40&r=30" width="100" height="100" />
</body>
</html>
-------------------------------------------------
现在，在浏览器地址栏打入：
http://127.0.0.1:8080/testsvg/test.html
就能看到你所需的
re: 动态制作svg介绍 
