Bagaimana untuk mengosongkan carta pada kanvas HTML5 untuk mengelakkan acara tuding daripada dicetuskan?

Untuk mengosongkan carta pada kanvas, padamkan elemen dan tambahkan elemen pada bekas induk seperti yang ditunjukkan di bawah:

var resetCanvas = function(){
   $('#results-graph').remove();  
   $(&#39;#graph-container&#39;).append(&#39;<canvas id = "results-graph"><canvas>&#39;);
   canvas = document.querySelector(&#39;#results-graph&#39;);

   ct = canvas.getContext(&#39;2d&#39;);
   ct.canvas.width = $(&#39;#graph&#39;).width(); // here we are resizing the new canvas element to parent width
   ct.canvas.height = $(&#39;#graph&#39;).height(); // here we are resizing the new canvas element to parent height
   var a = canvas.width/2;
   var b = canvas.height/2;

   ct.font = &#39;12pt Calibri&#39;;
   ct.textAlign = &#39;Align Left&#39;;
   ct.fillText(&#39;left aligned text on the canvas&#39;, a, b);
};

Atas ialah kandungan terperinci Bagaimana untuk mengosongkan carta pada kanvas HTML5 untuk mengelakkan acara tuding daripada dicetuskan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!