新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚
   XML论坛     W3CHINA.ORG讨论区     >>计算机科学论坛<<     SOAChina论坛     Blog     开放翻译计划     新浪微博  
 
  • 首页
  • 登录
  • 注册
  • 软件下载
  • 资料下载
  • 核心成员
  • 帮助
    		•   Add to Google

    >> 本版讨论SVG, GML, X3D, VRML, VML, XAML, AVALON, Batik等基于XML的图形技术，以及有关GIS的应用。
    [返回] 计算机科学论坛 → XML.ORG.CN讨论区 - 高级XML应用 → 『 SVG/GML/VRML/X3D/XAML 』 → 动态制作svg介绍 ◇查看新帖 ◇ 用户列表 ◇

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 5556 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子　浏览下一篇主题
     * 贴子主题： 动态制作svg介绍 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     rido 帅哥哟，离线，有人找我吗？
      
      
      等级：大二(研究汇编)
      文章：36
      积分：273
      门派：XML.ORG.CN
      注册：2004/7/26

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给rido发送一个短消息 把rido加入好友 查看rido的个人资料 搜索rido在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看rido的博客楼主
    发贴心情 动态制作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

    就能看到你所需的


       收藏   分享  
    顶(0)
      




    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2004/9/6 9:17:00
     
     liuhyan 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：10
      积分：84
      门派：XML.ORG.CN
      注册：2004/3/7

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给liuhyan发送一个短消息 把liuhyan加入好友 查看liuhyan的个人资料 搜索liuhyan在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看liuhyan的博客第2楼
    发贴心情 
    多谢楼主！！
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2004/9/7 16:56:00
     
     skyplan 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：6
      积分：79
      门派：XML.ORG.CN
      注册：2004/9/17

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给skyplan发送一个短消息 把skyplan加入好友 查看skyplan的个人资料 搜索skyplan在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看skyplan的博客第3楼
    发贴心情 
    多谢了！！！
    为了这个JSP里嵌入SVG的的问题我折腾了好几天，用google搜遍了外网，没想在这里找到。看来以后有问题先在自己家门口找比较好，呵呵。
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2004/9/17 14:18:00
     
     thomsonjin 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(猛啃高等数学)
      文章：15
      积分：135
      门派：XML.ORG.CN
      注册：2004/10/29

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给thomsonjin发送一个短消息 把thomsonjin加入好友 查看thomsonjin的个人资料 搜索thomsonjin在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看thomsonjin的博客第4楼
    发贴心情 
    顶，不错不错
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2004/10/29 17:03:00
     
     niujian_ 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：0
      积分：55
      门派：XML.ORG.CN
      注册：2005/1/10

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给niujian_发送一个短消息 把niujian_加入好友 查看niujian_的个人资料 搜索niujian_在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看niujian_的博客第5楼
    发贴心情 
    谢谢搂主
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/1/10 14:00:00
     
     eyf 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：0
      积分：56
      门派：XML.ORG.CN
      注册：2005/1/2

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给eyf发送一个短消息 把eyf加入好友 查看eyf的个人资料 搜索eyf在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看eyf的博客第6楼
    发贴心情 
    <%@ page contentType="image/xml+svg" %>

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

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

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/2/6 22:27:00
     
     GoogleAdSense
      
      
      等级：大一新生
      文章：1
      积分：50
      门派：无门无派
      院校：未填写
      注册：2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2025/6/26 9:35:47

    本主题贴数6，分页： [1]

    管理选项： 修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告
    W3C Contributing Supporter! W 3 C h i n a ( since 2003 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    		 93.750ms