以文本方式查看主题

-  计算机科学论坛  (http://bbs.xml.org.cn/index.asp)
--  『 XML源码及示例(仅原创和转载) 』  (http://bbs.xml.org.cn/list.asp?boardid=32)
----  如何在html网页中实现SVG的显示  (http://bbs.xml.org.cn/dispbbs.asp?boardid=32&rootid=&id=8509)


--  作者:xmlspring
--  发布时间:6/27/2004 7:05:00 PM

--  如何在html网页中实现SVG的显示
谢谢
--  作者:diegor
--  发布时间:6/29/2004 2:49:00 PM

--  
将 SVG 图像添加到 HTML 页面很简单:只要添加一个具有适当属性的<object></object>元素即可:
<html>
  <head><title>SVG Demonstration</title></head>
  <body>
  <h2 style="text-align: center">SVG Demonstration</h2>
   <p>A page may have other code besides the SVG image.</p>
    <object type="image/svg+xml" data="MySVG.svg"
                          width="300" height="200">
     <img src="NonSVG.gif" alt="SVG 图像的静态版本" />
  </object>
  <p>Using objects allows the browser to decide what to display.</p>
  </body>
</html>
请特别注意<object></object>标记上的 height 和 width 属性。如果没有指定它们,有些浏览器将不会正确显示图像。此外,浏览器在执行某些计算(最特别的是用 viewBox 缩放)会考虑这些值,因此,如果没有正确地指定它们(如简单地用大的数值显示可能出现的任何东西),它们可能会干扰图像的正确显示。

--  作者:DENG
--  发布时间:7/16/2004 11:07:00 AM

--  
<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG August 1999//BN"
"http://www.w3.org/Graphics/SVG/SVG-19990812.dtd">
<svg width="4in" heigth="3in">
<desc>以下的SVG码会画出一个蓝色的圆,红色的外框</desc>
<g>
   <circle style="fill:blue;stroke:red"
cx="200" cy="200" r="100"/>
</g>
</svg>


那为什么我 这个代码显示这样的错误  :使用 XSL 样式表无法查看 XML 输入。请更正错误然后单击 刷新按钮,或以后重试。 DTD 中不支持使用默认的名称空间声明属性。处理资源 'file:///C:/Documents and Settings/dxx/My Documents/TMP323d9gjpri.xml' 时出错。第 4 行,位置: 31

<svg WIDTH="4in" heigth="3in">

刚开始 学 ,有些东西还 不 知道 ,请大哥 指点


W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
46.875ms