CollabSketch Add-on

Collaborative Sketch Add-on for Vaadin

View larger

Close

The widget allows drawing into same collaborative sketching canvas for multiple users and each of them will be assigned with their own color. When anyone of the users edit the sketch its automaticly pushed for all the other users.

When you use this component you should handle CollabSketchLineContainer-class and share it between each instance of the server-side component. If you want to share the canvas for all the users you should make the CollabSketchLineContainer-instance as singleton.

Sample code

public class DemoUI extends UI
{
    public static CollabSketchLineContainer lines = new CollabSketchLineContainer();
	
    @Override
    protected void init(VaadinRequest request) {
    	final VerticalLayout layout = new VerticalLayout();
        layout.setSizeFull();
    	final CollabSketch collabsketch = new CollabSketch(DemoUI.lines, 800, 600);
        layout.addComponent(new Button("Reset canvas", new Button.ClickListener() {
			
			@Override
			public void buttonClick(ClickEvent event) {
				collabsketch.clearCanvas();
			}
		}));
        layout.addComponent(collabsketch);
        layout.setExpandRatio(collabsketch, 1.0f);
        setContent(layout);
    }

}

Links

• Source Code
• Issue Tracker

Compatibility