本文介绍了一种将SVG图形文件嵌入到HTML页面的方法。通过<object>标签或者<embed>标签配合data属性和type属性，可以实现.svg文件的有效加载，并展示了具体的代码示例。
将一个.svg引入到.htm中
分别是：
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg"
width="300" height="300" x="0" y="0">
<rect width="200" height="200" style="fill:blue;"/>
</svg>
和
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body><object data="test.svg" width="500"
height="500" type="image/svg+xml">
<embed src="test.svg" width="500"
height="500" type="image/svg+xml" />
</object>
</body>
</html>
城市通 http://0571.52tong.com/mapsearchindex.aspx?cityid=1901
利用SVG技术制作的城市地图
扫一扫
3705
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
