首先制作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
就能看到你所需的