Javascript 如何减小画布窗口的大小

我想减小从以下代码接收到的高度大小：

var pageHeight = $('[data-role="page"]').height();

我尝试了以下方法：

 var newHeight=(pageHeight)-50px;
 $('#map-canvas').css({'height':newHeight});

---

我无法获取新高度。

从jquery中删除

：

，并使用

，

和

{..}

试试这个

var newHeight=(pageHeight)-50px;
$('#map-canvas').css('height',newHeight);

你可以简单地使用

---

当您通过CSS样式更改画布的高度时，画布将保持其内部分辨率，但会被浏览器重新缩放以适应新的大小。因此，画布将看起来模糊。为了避免这种情况，请更改画布HTML节点本身的宽度和高度属性。您的HTML和CSS结构是什么？…然后#地图画布将被清除，因此请确保您还重新绘制了画布上的所有内容。

$('#map-canvas').height(newHeight);