Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

ホバーイベントをトリガーできないようにHTML5キャンバスからチャートをクリアするにはどうすればよいですか?


キャンバスからグラフをクリアするには、要素を削除してから、以下のコードのように新しい要素を親コンテナに追加します-

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

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

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

  1. HTML5キャンバスに長方形を描く方法は?

    HTML5 タグは、スクリプトを使用してグラフィックやアニメーションなどを描画するために使用されます。 HTML5で導入された新しいタグです。 canvas要素にはgetContextと呼ばれるDOMメソッドがあり、レンダリングコンテキストとその描画関数を取得します。この関数は、コンテキスト2dのタイプという1つのパラメーターを取ります。 HTML5キャンバスで長方形を描画するには、fillRect(x、y、width、height)メソッドを使用します: 次のコードを実行して、HTML5Canvasで長方形を描画する方法を学ぶことができます 例 <!DOCTYPE html&

  2. Tkinter Canvasをクリアする方法は?

    Tkinterは、ウィンドウにキャンバスを追加する方法を提供します。キャンバスを作成すると、メモリ内のストレージがラップされます。 tkinterでキャンバスを作成している間、クリアまたは削除する必要のあるメモリを効果的に消費します。 キャンバスをクリアするには、 delete()を使用できます 方法。 「all」を指定することで、tkinterフレームに存在するすべてのキャンバスを削除してクリアできます。 例 #Import the tkinter library from tkinter import * #Create an instance of tkinter frame win