您的位置：首页 > Web前端 > JavaScript

在HTML中用JS实现adobe的SVG图象缩放的例子

2006-05-02 12:36 253 查看

<html>
<head>
<script language="javascript">
function initSvg(num) {
var root;

if(svg) {
if(svg.length) {
for(var i=0;i<svg.length;i++) {
root=svg[i].getSVGDocument().documentElement;//获取SVG DOM的根元素
svg[i].style.width=root.attributes.getNamedItem("width").nodeValue*num;//获得图象宽度信息，并乘以倍数。
svg[i].style.height=root.attributes.getNamedItem("height").nodeValue*num;//获得图象高度信息，并乘以倍数。
}
}
else {
root=svg.getSVGDocument().documentElement;
svg.style.width=root.attributes.getNamedItem("width").nodeValue*num;
svg.style.height=root.attributes.getNamedItem("height").nodeValue*num;
}
}
}
</script>
</head>

<body onLoad="initSvg(1.2)//放大1.2倍">
<embed src="xxx.svg" type="image/svg+xml" name="svg" pluginspage="http://www.adobe.com/svg/viewer/install/main.html" menu="false"
></embed>

……
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航