lib.Scatter

Scatter objects are UI elements that can be rotated, scaled or moved around, which typically leads to "scattered" layouts. Scatters come in two flavours: DOM Scatters are working with arbitrary DOM elements, wheras PIXI Scatter work with PIXI Containers and DisplayObjects within the PIXI scene graph. Here we describe the more basic DOM scatter.

Let's look at an example.

Canvas not supported.

Interactive Content

Scatter objects may contain interactive HTML structures. There is one major flag that allows to simulate click events by using taps. If the scatter detects a tap it looks for clickable elements under or nearby the event position and calls the click handler. Thus gestures can be disambiguated as moves, zooms. or taps. Note that on touch devices you can tap beside the object if you use an object that implements the ITapDelegate interface. An ITapDelegate allowes a distance that can be configured by allowClickDistance. The default value is 44px but here we use 88px.

A Link
A Div with click handler