1. canvas.js
1.1 eventの変更
mousedown とmouseupのイベントをgrabすることで、globalThis.clickFlg の必要性を無くすための前準備。
afterでconsole.log(“mousemove”);は通過しなくなる。
ここでは、まだglobalThis.clickFlgが残っている。

before:

       canvas.onmousemove = function(e){
               if(!globalThis.clickFlg) {
                       console.log("mousemove");
                       return false;
               }
               root.draw(e.offsetX, e.offsetY, cnvBold, cnvColor);
       }

after:

       function _mouseMove(e){
               if(!globalThis.clickFlg) {
                       console.log("mousemove");
                       return false;
               }
               root.draw(e.offsetX, e.offsetY, cnvBold, cnvColor);
       }
        var canvas = document.getElementById("canvas");
        canvas.onmousedown = function(){
                globalThis.clickFlg = 1; // マウス押下開始
                canvas.addEventListener("mousemove" , _mouseMove, false);
        }
        canvas.onmouseup = function(){
                globalThis.clickFlg = 0; // マウス押下終了
                canvas.removeEventListener("mousemove" , _mouseMove, false);
        }