文章导航PC6首页软件下载单机游戏安卓资源苹果资源

pc软件新闻网络操作系统办公工具编程服务器软件评测

安卓新闻资讯应用教程刷机教程安卓游戏攻略tv资讯深度阅读综合安卓评测

苹果ios资讯苹果手机越狱备份教程美化教程ios软件教程mac教程

单机游戏角色扮演即时战略动作射击棋牌游戏体育竞技模拟经营其它游戏游戏工具

网游cf活动dnf活动lol周免英雄lol礼包

手游最新动态手游评测手游活动新游预告手游问答

您的位置:首页网页设计经验技巧 → 如何学习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)进行跨域请求方法如何用远程桌面连接进行传输文件