如何显示缩小的HTML画布

Question

我正在1320px * 1440px html5画布上制作动画。但是我不想在屏幕上看到这个巨大的画布，而是希望在550px * 600px的画布上看到它，以便绘制质量更好。该怎么做？

Answer 1

您将高度和宽度减少了2.4倍，因此您只需要将画布和其中的动画也减少该倍数即可。

• 使canvas宽度属性= 550和height属性= 600

• 将动画的宽度和高度乘以.4167（或1 / 2.4）以对其进行适当缩放。您可以在绘制任何内容之前使用context.scale(.4167, .4167);方法来轻松地做到这一点。

有关scale() here的更多信息。