#css #gwt #canvas
#css #gwt #холст
Вопрос:
Я использую встроенный виджет canvas (javadoc) и задаюсь вопросом, как заставить его занимать все окно браузера.
Я попытался установить ширину и высоту 100% и удалить все отступы и поля для тела, html и canvas.
У меня 3 проблемы:
1. Я проверил с помощью инструментов разработки chrome, и clean.css, похоже, переопределяет myproject.css
2. Даже после этих правил css и удаления поля в теле в инструментах разработки все еще остается вертикальная полоса прокрутки.
3. Я немного борюсь с тем фактом, что координатное пространство canvas не зависит от фактического размера пикселя. События mause дают мне местоположение в пикселях. Есть ли способ получать события в координатном пространстве «пикселей»?
Комментарии:
1. Используете ли вы чистый GWT или какой-либо API, такой как GWT-Ext или SmartGWT?
Ответ №1:
Еще через 4 часа возни я нашел ответ и решил поделиться:
1. Я увидел, что способ, который я использовал для загрузки css, устарел, поэтому я использовал client bundle
2. Это была моя основная проблема, решаемая явным отключением полос прокрутки
Window.enableScrolling(false);
3. установка только координатного пространства автоматически скорректирует размер пикселя в соответствии с ним.
Итак, в основном для полноэкранного режима: ширина и высота 100% и поле 0px в css для html и body. Настройка пространства координат в соответствии с размером клиента в событии on resize и явное отключение scorllbars.