以文本方式查看主题

-  中文XML论坛 - 专业的XML技术讨论区  (http://bbs.xml.org.cn/index.asp)
--  『 SVG/GML/VRML/X3D/XAML 』  (http://bbs.xml.org.cn/list.asp?boardid=21)
----  动态制作svg介绍  (http://bbs.xml.org.cn/dispbbs.asp?boardid=21&rootid=&id=9793)


--  作者:rido
--  发布时间:9/6/2004 9:17:00 AM

--  动态制作svg介绍
 近日从来邮中,发觉网友对动态制作svg很感兴趣,但却难以入手,现介绍一下(使用jsp)。
首先制作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

就能看到你所需的


--  作者:liuhyan
--  发布时间:9/7/2004 4:56:00 PM

--  
多谢楼主!!
--  作者:skyplan
--  发布时间:9/17/2004 2:18:00 PM

--  
多谢了!!!
为了这个JSP里嵌入SVG的的问题我折腾了好几天,用google搜遍了外网,没想在这里找到。看来以后有问题先在自己家门口找比较好,呵呵。
--  作者:thomsonjin
--  发布时间:10/29/2004 5:03:00 PM

--  
顶,不错不错
--  作者:niujian_
--  发布时间:1/10/2005 2:00:00 PM

--  
谢谢搂主

--  作者:eyf
--  发布时间:2/6/2005 10:27:00 PM

--  
<%@ page contentType="image/xml+svg" %>

<embed type="image/svg+xml" src="drawCircle.jsp?x=40&y=40&r=30" width="100" height="100" />

老兄,两个地方的 mime 写法不一样,所以得到的结果也不同,希望对大家有点帮助!


W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
62.500ms