top

CAPH.WUI.ENGINE.RENDERING.CSSRENDERER

CssRenderer supports DOM elements to be rendered in BasePage. With this CssRenderer, 3D effects can easily be shown on DOM elements.


Methods

renderObject

Description
Render an object in the basepage.
Parameters
■basepage
  - Object 
  - An object of type BasePage. The object to be rendered
Return■Void
Emulator SupportY
SDK Constraintnone
Example
var AccRendering = caph.wui.engine.rendering;
var basePage = new AccRendering.BasePage();

var element = document.createElement('div');
element.style.width = '100px';
element.style.height = '100px';
element.style.background = '#00AAAA';

var obj = new AccRendering.CssObject(element);
basePage.add(obj);

obj.setYRotationOrigin(300, 300, 0, 0.1);

var renderer = new AccRendering.CssRenderer();
renderer.renderObject(obj, basePage);

render

Description
Render objects in the base page.
Parameters
■basepage
  - Object
  - An object of type BasePage
Return■Void
Emulator SupportY
SDK Constraintnone
Example
var AccRendering = caph.wui.engine.rendering;
var basePage = new AccRendering.BasePage();

var element = document.createElement('div');
element.style.width = '100px';
element.style.height = '100px';
element.style.background = '#00AAAA';

var obj = new AccRendering.CssObject(element);
basePage.add(obj);

var renderer = new AccRendering.CssRenderer();
renderer.render(basePage);

CssRenderer

Description
The constructor of CssRenderer component, in order to create CssRenderer object.
Parameters
■Void
Return■Object
  - instance of CssRenderer
Emulator SupportY
SDK Constraintnone
Example
var AccRendering = caph.wui.engine.rendering;
var basePage = new AccRendering.BasePage();

var element = document.createElement('div');
element.style.width = '100px';
element.style.height = '100px';
element.style.background = '#00AAAA';

var obj = new AccRendering.CssObject(element);
basePage.add(obj);

var renderer = new AccRendering.CssRenderer();
renderer.render(basePage);