我正在使用内置的画布小部件(javadoc),并想知道如何使其占据完整的浏览器窗口。
我尝试设置100%的宽度和高度,并删除所有填充和边距,用于body,html和canvas
我有3个问题:
1.我使用chrome的开发工具进行了检查,clean.css似乎覆盖了myproject.css
2.即使经过那些css规则并删除开发工具中主体上的边距,仍然有一个垂直滚动条
由于画布坐标空间与实际像素大小无关,我有点挣扎。 mause事件给我像素位置。有没有办法在坐标空间“像素”中获取事件?
答案 0 :(得分:3)
经过另外4个小时的摆弄,我找到了答案,并决定分享:
1.我看到我used to加载css的方式已被弃用,因此我使用了client bundle
2.这是我的主要问题,通过明确禁用滚动条来解决
Window.enableScrolling(false);
3。仅设置坐标空间将自动调整像素大小。
所以基本上是一个完整的窗口画布:100%的宽度和高度以及hss和body的css中的0px页边距。在on resize事件中调整坐标空间到客户端大小,并明确禁用scorllbars。