Snapping mit WebDrawing3D

WebDrawing3D enthält einen Snappmechanismus, der mit WebDevice.SnappEnable=true eingeschaltet werden kann. Default ist SnappEnable=false.
Ist der Snappmechanismus eingeschaltet, so ist WebDevice.CurrentPoint der Punkt, der auf dem "gesnappten" Objekt liegt. Ist ein gesnapptes Objekt vorhanden, so ist der WebDevice.CurrentPointIsSet=true andernfalls false.
Bei einem Rand ist der Magnetimus drei Pixel. Punkte haben eine größere Anziehung.
Webdevice enthält weiters die Felder:
HighlightEnable: Das gesnappte Objekt wird mit der HighLightColor hervorgehoben.
HighlightColor: Die Farbe für das Hightlighten.

WebGL example für Snapping:

<html>
             <style>
            div {
            width: 600px;
            height: 20px;
            border: 1px solid black;
            }
  </style>
  <body>
    <div id="Coords"></div>
  <canvas id="myCanvas" width="600" height="600">
 Your browser does not support the HTML5 canvas tag.
  </canvas>
  <script src="bridge.js"></script>
  <script src="WebDrawing3d.js"></script>
  <script src="Classes.js"></script>
  <script>   // das HTML Element vom canvas anfordern.
 var canvas = document.getElementById("myCanvas");
var WebDevice = new Device(canvas);
WebDevice.BackGround=Color.WhiteSmoke;
function Mouse()
{var  coord="";
if (WebDevice.CurrentPointIsSet)
   coord="x= "+ WebDevice.CurrentPoint.x+","+"y= "+WebDevice.CurrentPoint.y+","+"z= "+WebDevice.CurrentPoint.z;
  document.getElementById("Coords").innerHTML = coord;
  }

WebDevice.MouseMove=Mouse; // sets the MouseMove
WebDevice.SnappEnable=true; // Snapping on
//WebDevice.HighlightColor= Color.Red; // Sets a HighlightColor
//WebDevice.HighlightEnable= false;  // disable HightLighting

var Center = new xyz(0,0,0);
var Radius = 4;
var Height =  5;
var Halfangle= Math.atan2(Radius,Height);
var CO = new Cone(Center,Radius,Height,Halfangle);
WebDevice.Paint = draw;
WebDevice.Refresh();
function draw() {
WebDevice.PushMatrix();
WebDevice.MulMatrix(Matrix.Rotation(new xyz(0,0,0), new xyz(0,1,0),-1));
WebDevice.drawSphere(new xyz(3,3,-3),4);
CO.Paint(WebDevice);
WebDevice.PopMatrix();
WebDevice.drawBox(new xyz(-3,4,0), new xyz(5,4,2));
var save=WebDevice.SnappEnable;
WebDevice.SnappEnable= false;
if (WebDevice.CurrentPointIsSet)
WebDevice.drawSphere(WebDevice.CurrentPoint,0.2);
WebDevice.SnappEnable= save;
}
 </script>
 </body>
 </html>