canvas - 调整画布大小，保持内容比例，避免拉伸

Question

我正在创建一个画布元素来放置一些巴比伦内容。我希望该画布能够响应全宽和全高。为此，我使用了这个 JS：

$( window ).resize( function () {
  $('#canvas').css({
     "height": window.innerHeight,
     "width": window.innerWidth
  });
});

调整内容大小效果很好，但是当我调整窗口大小时，内容会自行调整。

我怎样才能避免这种拉伸？