以文本方式查看主题 - 计算机科学论坛 (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> <svg WIDTH="4in" heigth="3in">
刚开始 学 ,有些东西还 不 知道 ,请大哥 指点 |
W 3 C h i n a ( since 2003 ) 旗 下 站 点 苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》 |
46.875ms |