■ JavaScriptにおける座標

 Javascriptで得られるマウスカーソルなどの座標値がWindows10/IE11またはEdgeでは実数値(小数点付き数値)になっている。
 以前使用していたVista/IE9では整数値であったので、一部のアプリを修正した。




*** 従来のアプリ ***

  var xpos, ypos; // mouse pos.

  canvas.addEventListener("mousedown" , mousePressed);
  canvas.addEventListener("mousemove" , mouseMoved);

//............................
  function mouseMoved(ee) {
//............................
    getPos(ee);
  }
//............................
  function mousePressed(ee) {
//............................
    getPos(ee);
  }
//..........................
  function getPos(e) {
//..........................
    var rect = e.target.getBoundingClientRect();
    xpos = e.clientX - rect.left;
    ypos = e.clientY - rect.top;
  }
●修正した主なアプリ

 ・imM.html
 ・imM2.html

●修正内容

//..........................
  function getPos(e) {
//..........................
    var rect = e.target.getBoundingClientRect();
    xpos = e.clientX - rect.left; -> Math.round(e.clientX - rect.left);
    ypos = e.clientY - rect.top;  -> Math.round(e.clientY - rect.top);
  }
ホーム