您的位置:首页网页设计经验技巧 → 如何学习SVGWeb

如何学习SVGWeb

时间:2009/11/3 11:54:00来源:本站整理作者:我要评论(0)

Gweb 可以让Svg程序在IE或所有支持flash的浏览器上以flash的形式展现,解决了ie浏览器支持svg还需要安装SVGViewer的问题。

 

在Google code上下的SVGweb 内置类一个mini的服务器包只要机器上有jre就可以直接运行起来,附件中有一个精简的SVGWeb可以此目录结构为例介绍一下如何运行SVGWeb实例。

 

将解压的文件夹放到任意目录,用cmd(我比较讨厌用cmd,但是这还是最简单高效的运行java程序的方法)导航到yourpath/svgweb 目录, 执行 java -jar server/webserver.jar ,如果你的机器中jre正确,就已经启动了测试服务了,在浏览器中键入 http://127.0.0.1:8080/samples/helloworld.html 可以访问到实例页面。

 

注意:不要偷懒直接双击webserver.jar文件或在不正确的跟目录执行命令,否则找不到samples目录,也就找不到页面了。

如果你的8080端口被占用了,要先停掉你的tomcat服务器在执行命令。

 

在页面中加入下面的命令

<meta name="svg.render.forceflash" content="true" />

或者使用

http://127.0.0.1:8080/samples/helloworld.html?svg.render.forceflash=true

就可以强制在所有的浏览器上都用flash显示。

 

 

将SVGWeb部署到直接的WEb应用程序里也比较简单

只要保证下面的四个文件放在同一目录中

然后在页面中加入下面的标签

svg.js

svg.swf

svg.htc

svg-htc.jsp (svg-htc.asp svg-htc.php 不同的服务器用不同的文件就行了)

<script src="data/svg.js" data-path="data" data-htc-filename="svg-htc.jsp"></script>

就ok了,以上假设我的文件放在主页面所在的目录下的data文件夹中。见附件

 

做好了这些我们就可以享受SVG开发的乐趣了,无论IE还是其他浏览器(不是绝对),既可以支持在html直接嵌入svg标签,又可以用<object/>标签引入我们的SVG应用程序。

 

但是两种方式在操作svg元素是有所不同,直接嵌入的svg可以通过document.getElementById('myCircle')的方式直接访问到元素,而通过<object/>标签引入要首先通过ocument.getElementById('mySVGObject').contentDocument

获得svg文档对象然后使用我们强大的getElementById方法去访问。

相关视频

    没有数据

相关阅读 lplomgvsvg.s比赛视频 lplomgvsvg.s比赛lpl2015春季赛wevsvg比赛视频回顾lpl2015春季赛皇族vsvg比赛视频回顾lpl2015春季赛wevsvg比赛视频 lpl2015春季赛wevsvg比赛lpl2015春季赛igvsvg比赛视频 lpl2015春季赛igvsvg比赛lpledgvsvg.s比赛视频 lpledgvsvg.s比赛lpl2015春季赛omgvsvg lpl2015英雄联盟职业联赛赛程表如何学习SVGWeb学习总结

文章评论
发表评论

热门文章 Wordpress本地安装教程dx1.5如何设置二级域名

最新文章 hbuilder有哪些快捷键Wordpress本地安装教程 Wordpress本地安装教程expression web 4文档乱码解决方法dz 2.5“收藏本版”关闭小对话框无法关闭解在制作安装软件之前,您必须先将易语言存盘,

人气排行 如何使用multipart/form-data格式上传文件Photoshop PS图层混合模式详解(非常详细)ISAPI_Rewrite3使用教程网站里添加收藏和设为首页代码桌面快捷方式图标不见了C#获取执行程序所在的当前路径的方法详解(XMLHttpRequest)进行跨域请求方法如何用远程桌面连接进行传输文件