Добавить виджет (кнопку) на холст HTML5 в GWT - PullRequest
Новая
       8

Добавить виджет (кнопку) на холст HTML5 в GWT

7 голосов
/ 30 сентября 2011

В smartGWT можно добавить другой виджет (кажется, что он использует интерфейс) к HTML5-холсту, как вы можете видеть в этом примере .

Теперь я пытаюсьвыяснить, возможно ли это и в (сыром) GWT2.4.Кто-нибудь из вас имеет рабочий пример использования GWT без каких-либо дополнительных проектов (таких как smartGWT, gwtExt, extGWT, ...)?

Спасибо за все ваши ответы.

Ответы [ 4 ]

0 голосов
/ 29 июня 2012

Вам нужен стиль CSS для ваших кнопок. Стиль как это: 

button {
    position:absolute;
    z-index:2;  
}

button.zoomOut {
    top:200px;
    left:265px;
    font-size: 30px;
    margin-left:auto;
    margin-right:auto;
}

button.zoomIn {
    top:200px;
    left:400px;
    font-size: 30px;
    margin-left:auto;
    margin-right:auto;
}

С абсолютным положением вы можете разместить их в любом месте экрана.

Приветствия

0 голосов
/ 30 сентября 2011
0 голосов
/ 30 сентября 2011

Насколько я знаю, вы не можете поместить произвольный виджет в холст.Что вы можете сделать, это нарисовать изображения.Поэтому я предполагаю, что виджеты smartGWT, на которые вы ссылаетесь, являются ничем иным, как изображениями.

Если у вас есть объект изображения GWT, вот как вы можете нарисовать его на канве:

0 голосов
/ 30 сентября 2011

HTML5 Canvas пока не входит в сферу применения GWT, но, возможно, вы можете просто создать в вашей dom эквивалентные элементы с помощью GWT dom API и рисовать его через JSNI вызывает

...