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

最新推荐文章于 2025-05-17 11:50:59 发布

原创最新推荐文章于 2025-05-17 11:50:59 发布 · 5.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#adobe #html #javascript #function #menu #xml

Javascript 技巧专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种通过 JavaScript 动态调整 SVG 图像尺寸的方法。利用 SVG 的特性，可以根据不同的缩放比例调整图像大小，确保图像在不同分辨率下保持清晰。文章提供了具体的 HTML 和 JavaScript 实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>