| 文章索引 |
|---|
| 蓝骑士SVG教程:SVG后续工作 |
| 第一课 SVG国际标准化 |
| 第二课 SVG简易性和可获取性 |
| 第三课 优化SVG图像 |
| 第四课 关于自安装的SVG浏览器 |
| 第五课 SVG后续工作 |
| 第六课 关注SVG未来 |
| 所有页面 |
页面 5 总共 7
为了使没有安装SVG浏览器的终端用户能够浏览SVG图像,Adobe提供了一些可植入HTML页面的脚本语言来自动引导SVG浏览器的下载和安装. 当 一个没有安装SVG浏览器的用户浏览本页面时,本页将自动弹出一个窗口询问是否下载和安装Adobe SVG浏览器.如果用户选择"是",他们将被带入www.Adobe.com来完成浏览器的下载和安装.在安装完成之后,用户将会被带回本页,观看本页的 SVG图像.如果用户选择"否",那么所有的图片会被Adobe.com的标志所代替,如果用户点击了这些图片,他们可以再次开始SVG浏览器的自安装.
如何在你的页面实现SVG浏览器的自安装 为了使用本页的自安装脚本,你需要下载脚本文件"svgcheck.js"和"svgcheck.vbs" 下载
将这些文件放置在你的网战中,并在HTML的标签下加入下面的语句:
<script language="JavaScript" src="/svgcheck.js"></script>
<script language="VBScript" src="/svgcheck.vbs"></script>
你还需要在第一个SVG文件前加入下面的代码,如果用户没有安装SVG浏览器,这会弹出安装对话框:<script language="VBScript" src="/svgcheck.vbs"></script>
<script language="JavaScript"><!--
checkAndGetSVGViewer();
// -->
</script>
checkAndGetSVGViewer();
// -->
</script>
最后,需要给每幅SVG图像添加下列代码,当然,请根据你的图片手动调整高和宽:
<script language="JavaScript"><!--
emitSVG('src="/hello.svg" name="SVGEmbed" height="200" width="600" type="image/svg-xml"');
// -->
</script>
<noscript>
<embed src="/hello.svg" name="SVGEmbed" height="200" width="600" type="image/svg-xml"
pluginspage="http://www.adobe.com/svg/viewer/install/">
</noscript>
emitSVG('src="/hello.svg" name="SVGEmbed" height="200" width="600" type="image/svg-xml"');
// -->
</script>
<noscript>
<embed src="/hello.svg" name="SVGEmbed" height="200" width="600" type="image/svg-xml"
pluginspage="http://www.adobe.com/svg/viewer/install/">
</noscript>
