HTML5画布-浏览器窗口的完整范围

让HTML5画布完全进入浏览器的最佳方式是什么

定位绝对it，将顶部、左侧、右侧和底部设置为零

或者让javascript读取文档的宽度和高度，并将画布设置为这些尺寸

---

当您使用CSS控制画布的大小时，画布输出将被缩放。这使得编程更加容易，因为画布保留了其内部分辨率，但结果是图形输出变得模糊

当您将事件侦听器添加到

window.onresize

并在调整窗口大小时调整

canvas.width

和

canvas.height

时，不会出现图形模糊的问题，但现在，您的应用程序将不得不处理画布分辨率是可变的，并且可以随时更改的额外复杂性

要解决后一个问题，可以在resize事件处理程序中使用，将画布的坐标系调整为新的窗口大小。这将允许代码的其余部分使用恒定的坐标系。请记住，所有转换函数都是累积工作的，因此多次调用scale可能会产生意外的结果。但是您可以通过调用

context.setTransform（1,0,0,1,0,0）

将所有转换重置为默认值