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

ホバー時にHTML5キャンバスの長方形を更新します

ホバー時にHTML5キャンバスの長方形を更新するには、次のコードを実行してみてください。

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.rect(20,20,150,100);
context.stroke();

$(canvas).hover(function(e){
   context.fillStyle = blue;
   context.fill();
});

  1. HTML5キャンバス変換

    HTML5キャンバスは、変換行列を直接変更できるメソッドを提供します。変換行列は、最初はID変換である必要があります。その後、変換方法を使用して調整できます。 例 キャンバス変換の例を見てみましょう： <!DOCTYPE HTML> <html>    <head>       <script>          function drawShape(){             //

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

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