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

fabric.jsで要素を移動するときに、HTML5キャンバスの背面に画像を保持するにはどうすればよいですか？

キャンバスの背面に画像を保持するには、要素を移動するときに、以下を渡す必要があります：

preserveObjectStacking

そして、以下は機能し、画像は背景に表示されません：

window.canvas = new fabric.Canvas('c', { preserveObjectStacking:true });

これで、移動すると図形が画像の上に表示されます。


  1. HTML5でdrawImage（）を使用して画像を描画する方法は？

    HTML5 drawImage（）メソッドは、キャンバス上に画像、キャンバス、またはビデオを描画するために使用されます。また、画像の一部を描画します。また、画像サイズを拡大または縮小するために使用することもできます。 これがdrawImage（）メソッドのパラメータ値です- Sr.No drawImage（）パラメータと説明 1 img 画像、キャンバス、またはビデオを指定します。 2 sx xクリッピングを開始する場所を調整します。これはオプションです。 3 sy yクリッピングを開始する場所を調整します。こ

  2. ふたを閉じた状態でWindowsラップトップをスリープ状態にしない方法

    Windowsラップトップは外出先でも明らかにうまく機能しますが、自宅でも適切なワークステーションにすることができます。外付けのキーボード、マウス、モニターを接続することで、ラップトップはデスクトップとして機能できます。ただし、これには1つの問題があります。ラップトップを閉じたときに、どのようにしてラップトップをスリープ状態にしないのですか？ デフォルトでは、Windowsは、ふたを閉じるとラップトップをスリープ状態にします。つまり、ノートパソコンの画面をセカンダリモニターとして使用したくない場合でも、パソコンをスリープ状態に保つには、ノートパソコンを開いたままにしておく必要があります。