A dynamic shape is a way to set the shape of a window depending on the content of the HTML document rendered in the specified web browser object.
The shape is applied to the window embedding the browser object.
The shape is defined by a transparent color defined by the first pixel in the top-left part of the HTML document.
In this example, two DIV tags are visible. When autoShape is applied,
the grey part is invisible as the color of the first pixel in the top left part of
the browser object is set as transparent color.
Dynamic shape is useful to animate a window, for example to open a side panel, to switch to another shape, etc.
The animation is done in DHTML/JavaScript, Flash or any other embedded component, and the shape of the window is automatically set in real-time.
For more information about the shape of the window and the transparent color: window.autoShape.apply.
When window.autoShape.start is called, MioEngine hides the web browser object, and renders continuously the image of the browser object and the shape of the window.
As the browser object is hidden and only a bitmap is drawn over the window, the user cannot interact with the application.
When the function window.autoShape.end is called, the shape is fixed, and the user can interact with the application again.
You should proceed as follow:
- Call window.autoShape.start
- Animate your HTML document, for example to open or close a side panel.
- Call window.autoShape.end.
If you want to apply a shape with no animation, you can use window.autoShape.apply.
mio.autoShape.start can also be called from JavaScript with mio_autoShape_start. |
