Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

CssImport when using Component Exporter by Mikhail Shabarov, 4 weeks ago
Recent Posts
Vaadin Forum4. Other

HTML5 Canvas interaction with the server

Colin Martin
10 years ago Feb 24, 2012 7:58am

I want to integrate my HTML5 application to Vaadin but fail to do so. Does Vaadin work with HTML5 canvas?

Basically the application consists of an HTML5 canvas that allows the user to click on rectangles that are displayed. I need to capture the mouseclick event and send it to the Vaadin server.

How can I integrate the application to Vaadin and offer some basic interaction?

Any help is greatly appreciated!

+1
Teemu Pöntelin
10 years ago Feb 24, 2012 1:12pm

I think the CanvasWidget add-on might be something you're looking for.

Last updated on Feb, 24th 2012
Henri Muurimaa
10 years ago Feb 24, 2012 1:13pm

Vaadin works perfectly with HTML5.

I wrote a simple canvas wrapper some time ago. It also supports some mouse events. If you already have a working client-side app you probably don't want to rewrite it using the addon, but perhaps the source is useful in figuring out how to get the events you need to the server.

Last updated on Feb, 24th 2012
Colin Martin
10 years ago Mar 04, 2012 4:42pm

Hi,

thanks for pointing me to the Canvas Widget.
Right now I'm trying to get my application to work with this widget.

One problem I am unable to solve right now is the usage of Scrollpanes.

My application draws on a large canvas and requires scrollpanes to see the whole content. Currently I am using the jQuery Plugin jScrollPane to show a scrollpane.

Does anyone know how to display the canvas widget within a scrollpane?