javascript - Drawing 3 lines html5 (alpha, beta, gamma via deviceorientation) -


I would like to draw 3 rows through HTML5 using toolwd (alpha, beta, gamma data)

  & lt; Html & gt; & Lt; Canvas ID = "Mykennas" & gt; & Lt; / Canvas & gt; & Lt; Script & gt; window.addEventListener ('deviceorientation', function (e) {draw (imama, eb eta, a.lfa);}, false); Function Draw (G, B, A) {var gamma = Math.round (g); Var Beta = Math Plains (B); Var alpha = Math field (A); var canvas = document. getElementById ('mechanism'); Var cx = canvas.getContext ('2d'); // How can I draw these 3 lines? } & Lt; / Script & gt; & Lt; / Html & gt;   

Here is an example of three vectors:

Enter image details here

Display: []

Enter image details here

I think I need your needs. Here are some suggestions:

  1. Three. Use Js, and drag the axis here is one.
  2. Attach your three.js control with DeviceOrientation. three. JS already provides three types of control. The device is an integration control here.
  3. Position your location in three places. Apparently the camera at a point where you can see all the axes clearly.

    I know this is an old post but hope that helps.

Comments

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

jasper reports - How to center align barcode using jasperreports and barcode4j -

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -