SVG在IE9中调整大小

2 回答

• 2

  我还没有在IE中测试过这个，但是如果你想要使用100％的宽度和高度，我认为你要么想要它是'全屏'，要么适合容器 . 既然你也提到它在......时正确缩放

  设置包含div的宽度和高度将使图像变大，但仅限于固定像素

  ...那么你可以使用JS . 例如，使用jQuery，您可以执行以下操作：

  $(window).resize(function()
  {
      $('#outer').css({
          width: $(window).width() + 'px',
          height: $(window).height() + 'px'
      })
  });
  

  这假设您希望在调整窗口大小时， #outer 容器是窗口的宽度和高度 .

  回复于 2024-04-25T09:05:23+08:00
• 0

  我知道你说你想避免设置宽度和高度，但这是我个人设法让它工作的唯一方法 .

  虽然我确实发现你只需要设置高度，但你可以将宽度保持在100％，所以：

  var container = this.$('.container'),
              width = container.width(),
              scale = svg.width / width;
  
          container.height(parseInt(svg.height / scale, 10));
  

  其中svg.width和svg.height是我知道的值是SVG的原始宽度和高度 .

  回复于 2024-04-25T09:05:23+08:00