Javascript 更改图像/svg以在网页上正确显示横向或纵向

当我将窗口大小从横向更改为纵向时，页面不会刷新 正确地

如何更改页面的代码以显示大小正确的横向或纵向svg

scanner.svg与trait.svg略有不同

请帮忙

    <script>
    if(window.innerHeight > window.innerWidth)
    {

        // Portrait
        //alert ("Resized..P");
        document.write( '<object id=\"svg-objectp\" data=\"car1-portrait.svg\" type=\"image/svg+xml\"></object>' );
        document.getElementById("svg-objectp").style.width = "100%"; 
        document.getElementById("svg-objectp").style.height = "auto"; 

        }else{

        // Landscape
        //alert ("Resized..L");
        document.write( '<object id=\"svg-objectl\" data=\"car1-landscape.svg\" type=\"image/svg+xml\"></object>' );
        document.getElementById("svg-objectl").style.width = "100%"; 
        document.getElementById("svg-objectl").style.height = "auto"; 

    }
    </script>

    http://www.qurantour.com/car/index.html

如果（window.innerHeight>window.innerWidth）
{
//肖像画
//警报（“已调整大小的..P”）；
文件。写（“”）；
document.getElementById（“svg objectp”）.style.width=“100%”；
document.getElementById（“svg objectp”）.style.height=“auto”；
}否则{
//景观
//警报（“已调整大小的..L”）；
文件。写（“”）；
document.getElementById（“svg对象”）.style.width=“100%”；
document.getElementById（“svg objectl”）.style.height=“auto”；
}
http://www.qurantour.com/car/index.html

它不起作用，因为您的javascript代码只执行一次，您需要在此处设置一个事件才能使其起作用：

    <script>
    window.onresize = function() {
      if(window.innerHeight > window.innerWidth)
      {

      // Portrait
      //alert ("Resized..P");
      document.write( '<object id=\"svg-objectp\" data=\"car1-portrait.svg\" 
      type=\"image/svg+xml\"></object>' );
      document.getElementById("svg-objectp").style.width = "100%"; 
      document.getElementById("svg-objectp").style.height = "auto"; 

      }else{

      // Landscape
      //alert ("Resized..L");
      document.write( '<object id=\"svg-objectl\" data=\"car1-landscape.svg\" 
      type=\"image/svg+xml\"></object>' );
      document.getElementById("svg-objectl").style.width = "100%"; 
      document.getElementById("svg-objectl").style.height = "auto"; 

    }
  }
  </script

window.onresize=函数（）{
如果（window.innerHeight>window.innerWidth）
{
//肖像画
//警报（“已调整大小的..P”）；
文件。写（“”）；
document.getElementById（“svg objectp”）.style.width=“100%”；
document.getElementById（“svg objectp”）.style.height=“auto”；
}否则{
//景观
//警报（“已调整大小的..L”）；
文件。写（“”）；
document.getElementById（“svg对象”）.style.width=“100%”；
document.getElementById（“svg objectl”）.style.height=“auto”；
}
}