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

HTML5 Canvasはダブルバッファリングをサポートしていますか?


キャンバスでダブルバッファリングするには、2番目のキャンバス要素を作成して描画します。その後、drawImage()メソッドを使用して最初のキャンバスに画像を描画します。

// canvas element
var canvas1 = document.getElementById('canvas');
var context1 = canvas1.getContext('2d');

// buffer canvas
var canvas2 = document.createElement('canvas');
canvas2.width = 250;
canvas2.height =250;
var context2 = canvas2.getContext('2d');

// create on the canvas
context2.beginPath();
context2.moveTo(10,10);
context2.lineTo(10,30);
context2.stroke();

//render the buffered canvas
context1.drawImage(canvas2, 0, 0);
をレンダリングします
  1. JavaScriptはブロックスコープをサポートしていますか?

    JavaScriptは、letまたはconstkeywordを使用して宣言された変数に対してのみブロックスコープをサポートします。 varを使用して宣言された変数は、関数スコープをサポートしますが、ブロックスコープは使用しません。 以下は、JavaScriptでブロックスコープを表示するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport"

  2. HTML5セマンティック要素とそれがサポートする古いブラウザはどれですか?

    Internet Explorer 8以前のバージョンは、nav、header、articleなどのセマンティック要素をサポートしていません。セマンティック要素のスタイルを設定するには、Modernizerを使用します。一部のCSSは、デフォルトでCSSをブロックするために追加できます。 article, header, nav, section, footer {    display:block; } 次のコードを記述して、JavaScriptを使用して独自の要素を作成することもできます- <script>    document.cre