javascript - 居中内嵌图像以适合浏览器，例如具有自己 url 的图像（并且具有 100% 的宽度或高度且没有拉伸）

Question

我有一个垂直对齐的网络摄像头：中间；这里： http: //flamencopeko.net/cam.php。作品。但我希望滚动条永远不会出现。图像更新的事实对我想要做的事情并不重要。我在想这样的事情：

<script type="text/javascript">
  if (x==1)
  {
  document.write
  ("<img src='webcam.jpg' name='webcam' style='width: 100%; height: auto' alt='webcam' hspace='0' vspace='0' />");
  }
  else
  {
  document.write
  ("<img src='webcam.jpg' name='webcam' style='width: auto; height: 100%' alt='webcam' hspace='0' vspace='0' />");
  }
</script>

以下是测试版的完整代码：http: //flamencopeko.net/cam3.txt

当我将 head 中的变量从 1 更改为其他任何值时，不会显示 100% 的高度。

我计划读取内部 html x 和 y 值，然后使图像适应它。