⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 0604-0101.htm

📁 xml帮助文档
💻 HTM
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0071)http://162.105.170.55/ASPs/GetLearningArticleTemp.asp?section=0604-0101 -->
<HTML><HEAD><TITLE>XML中国论坛 - 初学进阶 - 6.4.1.1 SVG浏览工具</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>TABLE {
	FONT-SIZE: 9pt; COLOR: black; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"
}
.pt9 {
	FONT-SIZE: 9pt; COLOR: black; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"
}
.pt10 {
	FONT-WEIGHT: 700; FONT-SIZE: 10pt; LINE-HEIGHT: 18pt; FONT-FAMILY: "宋体"
}
.TempOutline {
	FONT-SIZE: 9pt; MARGIN-LEFT: 15pt; COLOR: #666666; TEXT-INDENT: -28pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
.TempOutline1 {
	FONT-SIZE: 9pt; MARGIN-LEFT: 24pt; COLOR: #666666; TEXT-INDENT: -36pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
.Outline {
	FONT-SIZE: 9pt; MARGIN-LEFT: 15pt; TEXT-INDENT: -28pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
.Outline1 {
	FONT-SIZE: 9pt; MARGIN-LEFT: 24pt; TEXT-INDENT: -36pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
.Outline11 {
	FONT-SIZE: 9pt; MARGIN-LEFT: 38pt; TEXT-INDENT: -50pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
.passage0 {
	FONT-SIZE: 9pt; MARGIN-LEFT: 15pt; TEXT-INDENT: -28pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
.passage1 {
	FONT-SIZE: 9pt; MARGIN-LEFT: 24pt; TEXT-INDENT: -36pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
.passage11 {
	FONT-SIZE: 9pt; MARGIN-LEFT: 38pt; TEXT-INDENT: -50pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
.passage111 {
	FONT-SIZE: 9pt; MARGIN-LEFT: 51pt; TEXT-INDENT: -64pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
</STYLE>



<META content="Microsoft FrontPage 5.0" name=GENERATOR></HEAD>
<BODY vLink=#000000 aLink=#000000 link=#000000 leftMargin=0 topMargin=0 
onload=""><!-- 以下为主体内容 -->
<div align="center">
  <center>
<TABLE width="100%" border=0 style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0">
  <TBODY>
  <TR vAlign=top>
    <TD width=49 rowSpan=2></TD>
    <TD vAlign=center width="533" ><IMG height=33 
      src="image/title_learner.gif" width=226></TD>
    <TD width=48 rowSpan=2></TD>
    </TR>
  <TR vAlign=top>
    <TD width="533" ><!-- 正文内容 -->
      <DIV class=pt10><B>6.4.1.1 SVG浏览工具</B></DIV>
   &nbsp;&nbsp;&nbsp;
      <DIV></DIV><BR>
      <DIV class=pt9>
      <P>在前一章我们曾经花了很大的篇幅介绍可缩放矢量图形语言SVG,并提到了一些SVG的浏览工具和编辑工具。这里我们就从浏览工具开始详细地讲一讲。 
      <OL>
        <LI><STRONG>Adobe SVGViewer</STRONG> </LI></OL>
      <P>作为SVG的提出者之一,Adobe公司已经逐步将SVG融入它的所有产品之中,目前在SVG的浏览器和编辑器的研制开发上都已颇有建树。由它开发的SVGViewer虽然不是最早的SVG浏览器,但它是唯一的以IE和Netscape的插件形式支持SVG浏览的浏览器,而且由于Adobe在这一行业的领先优势,目前使用最为广泛。现在SVGViewer已经发展到Beta2版本,对于有关SVG的方方面面都给予了支持: 

      <UL>
        <LI>在图象方面,它可以显示输出GIF、JPEG和PING格式的栅格图象,并支持对图象的过滤操作。 
        <LI>在图形方面,它不但支持基本图形的勾边和填充,而且支持路径、裁剪、渐融、过滤,并且在显示中可以反走样显示出较好的效果。 
        <LI>在文字方面,它支持各种字体字号,并可以对文字进行轮廓填充。不过,由于目前它还不支持GB2312编码,中文文字不得不转换为UTF-8编码输出。 

        <LI>支持丰富的动画效果。 
        <LI>支持DOM,可以内嵌SCRIPT,达到生动活泼的交互效果。 
        <LI>支持链接,可以链接到本服务器的其它文件或一个URL地址,也可以链接至EMAIL地址。但是目前尚不支持页内链接。 
        <LI>支持背景声音的播放,可以播放MP3和WAV格式的声音文件。 </LI></UL>
      <P>这个插件的使用很简单,一旦安装好SVGViewer,SVG文件的默认打开方式就是启用浏览器IE或Netscape,然后利用插件来显示SVG文件的效果。另外,SVG文件也可以作为“image/svg-xml”的MIME类型嵌入HTML文件中,在浏览器中观看效果。请见下面的浏览界面:</P>
      <P align=center><IMG height=338 
      alt="TU000000-0604-0101-01.jpg (15104 bytes)" 
      src="image/TU000000-0604-0101-01.jpg" width=400></P>
      <P>可见,它和我们在IE中浏览HTML页面的方式几乎没什么两样。不过,插件提供了一些特殊的功能,可以将显示区域扩大或缩小,可以中断和继续动画的播放,可以在显示区域中搜索特定文本,也可以查看源文件。SVG文件同样可以打印,插件将相应的栅格显示效果送往打印机。  

      <OL>
        <LI type=disc value=2><STRONG>IBM SVGViewer</STRONG> </LI></OL>
      <P>这是一个由IBM公司alphaworks开发的可以浏览SVG的浏览器。这个软件出现的比较早,由于SVG至今尚未成为W3C的推荐标准,因此SVGViewer一直是alpha版本,随着SVG草案的升级而逐步地在完善。但在SVG草案讨论阶段,该软件充当了人们学习、了解SVG的一个实用的软件工具。下面是它的软件界面:</P>
      <P align=center><IMG height=328 
      alt="TU000000-0604-0101-02.jpg (27276 bytes)" 
      src="image/TU000000-0604-0101-02.jpg" width=400></P>
      <P>该软件在运行时要安装JAVA2.0以上的运行环境和IBM的XML4J XML分析器。</P>
      <P>有关IBM SVGViewer的详细介绍及软件下载请参照网页:<A 
      href="http://www.alphaworks.ibm.com/tech/svgview">http://www.alphaworks.ibm.com/tech/svgview</A>。 

      <OL>
        <LI type=disc value=3><STRONG>CSIRO SVG Viewer</STRONG> </LI></OL>
      <P>CSIRO SVG Viewer是由CSIRO开发的SVG浏览器,界面如图所示:</P>
      <P align=center><IMG height=281 
      alt="TU000000-0604-0101-03.jpg (17087 bytes)" 
      src="image/TU000000-0604-0101-03.jpg" width=357></P>
      <P 
      align=left>从界面图上可以看到一只可爱的小狮子,别小看它,它完全是用图形绘制组合而成的,生动细腻,由此不难看出该软件对图形的支持力度。该软件也是alpha版本,不断地在推出新版本。</P>
      <P align=left>有关该软件的介绍与软件下载请参考网页:<A 
      href="http://sis.cmis.csiro.au/svg/">http://sis.cmis.csiro.au/svg/</A>。</P></DIV>
      <P></P>
      <P></P></TD></TR></TBODY></TABLE>
  </center>
</div>
<P></P>
<P>
<P></P></BODY></HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -