Canvas(手書き)の初期化方法について

下記で、描画したものを消去しようとしているのですが、タブレットで消去ボタンをタップしても、一度は消えるのですが、再度描画すると消す直前のものが表示されてしまいます。

var sp = kintone.app.record.getSpaceElement('sp_img');
  
      var canvas = document.createElement('canvas');
      canvas.id="canvas";
      sp.appendChild(canvas);
      
      canvas.setAttribute("width",500);
      canvas.setAttribute("height",500);
  
      var ctx = canvas.getContext('2d'); 
      ctx.strokeStyle = 'rgb(0,0,0)';//線の色
      ctx.lineWidth = 1;
      ctx.fillStyle = 'rgb(255,255,255)'; //塗りつぶしの色
      ctx.fillRect(0,0,c_W,c_H);
      
      //----------------------------------------------------------------------------
      var NewButton = document.createElement('button');
      NewButton.id = 'NewUserButton';
      NewButton.innerText = '消去';
      NewButton.style.width = '70%';
      NewButton.style.height = '50px';
      NewButton.style.marginLeft = '5%';
      NewButton.style.marginTop = '15%';
      NewButton.onclick = function()
      {
          ctx.fillStyle = 'rgb(255,255,255)';
          ctx.fillRect(0,0,c_W,c_H);
          
      }
      kintone.app.record.getSpaceElement('NewUserButton').appendChild(NewButton);

kintone_TS44 様

こんにちは。

こちらへ回答させて頂きます。

 

ヒントだけお伝えします。

CANVASでクリアするコマンドが違うようです。

検索するとおそらく出てきます。

CANVAS自体は、おおよその概要は1日から2日勉強されると習得できるかと思います。

頑張ってみて下さい。