Canvas Library
 

Formatting Methods

The controller uses an HTML with id=taccgl_mouseTrap. If not present it automatically inserts a div element with style "cursor:crosshair; height:100%; width:100%; position:fixed; z-index:9999;". You can add your own HTML element with that id and content and style of your choice or modify the style of the automatically inserted div element. You might want to change the cursors appearance or add a help text as content.

Examples

var a=taccgl.actor("testimg").useTM().dur(30).start();
taccgl.useController(taccgl.transformController());
taccgl.start();
RUN
 <div id="taccgl_mouseTrap"
     style="cursor:pointer; height:1000px; width:1000px; position:fixed; top:0px; left:0px; z-index:9999; display:none">

   <div style="background-color:white; width:350px; text-align:left">
       <table >
         <tr > <th >Rotate </th><td > drag with left mouse button </td> </tr>
         <tr > <th >Move </th>  <td > drag with right mouse button </td> </tr>
         <tr > <th >Rotate Z-axis </th>  <td > drag with left mouse button and press CTRL </td> </tr>
         <tr > <th >Move Z-axis </th>  <td > drag with right mouse button and press CTRL </td> </tr>
         <tr > <th >slow/precise </th>  <td > hold down shift while dragging </td> </tr>
       </table>
   </div>

 

WebGL™ is a trademark of the Khronos Group Inc.

Please Add a Comment or Question, click here!