调整gwt画布可见字段的大小，但不调整其内容？

Question

我有一个网站，我想在主层中集成GWT画布。 当我调整浏览器窗口的大小时，我希望画布“可见区域”相应地调整大小，但不是它的内容。不知怎的，就像谷歌地图一样，我只能看到已绘制的部分内容。

canvas.setSize(..)
canvas.setCoordinateSpaceHeight(..);
canvas.setCoordinateSpaceWidth(..);

我需要设置什么才能

• 始终根据浏览器窗口调整画布大小
• 没有调整内容的大小？

Answer 1

所有三个属性。

您希望setSize调整画布的大小，并且您希望使坐标空间（画布的“内部大小”）与其大小相同（“外部”大小“），或与调整大小前相同的比例。

如果您使用300×200坐标空间的300×200画布开始（以便Context2D中的像素映射到CSS像素）并且您需要将画布调整为600×400，然后设置你想将坐标空间也设置为600×400，以保持 1画布像素== 1 CSS像素的比例。