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

フォームを送信する前に画像のサイズを変更するHTML5

フォームを送信する前に画像のサイズを変更するには、drawImage（）メソッドを使用する必要があります。

元の画像を拡大縮小し、拡大縮小されたバージョンを[0,0]

でキャンバスに描画します 
context.drawImage( img, 0,0,img.width,img.height, 0,0,myWidth,UseHeight );

上記では、次のことがわかりました。

ここで

var myWidth = Math.floor( img.width * Scale );
var myHeight = Math.floor( img.height * Scale );

そして、

var x = Math.floor( ( world.width - myWidth) / 2 );
var y = Math.floor( ( world.height - myHeight) / 2 );

  1. MicrosoftFormsのヘッダーに画像を挿入する方法

    アンケートやアンケートを作成していて、フォームの見出しにロゴの写真を入れて魅力的な外観にしたいですか？ Microsoftフォーム ユーザーがフォームに画像を挿入できるようにする画像の挿入と呼ばれる機能があります。ユーザーがフォームヘッダーに画像を挿入するたびに、画像はフォームの左上隅に表示されます。 MicrosoftFormsに画像を追加できますか？ フォームへのロゴの追加は、MicrosoftFormsで簡単に行うことができます。このチュートリアルでは、フォームのヘッダーに画像を追加する方法について説明します。ビジネス、学校、またはフォームに追加したいその他の写真のロゴにすることがで

  2. Tkinterで背景画像をウィンドウサイズにサイズ変更するにはどうすればよいですか？

    画像を操作するために、Python Libraryは、アプリケーションが画像をインポートしてさまざまな操作を実行できるようにするPillowまたはPILパッケージを提供します。 画像のサイズをウィンドウに合わせて動的に変更したいとします。このような場合、次の手順に従う必要があります- Tkinterアプリケーションで画像を開きます。 キャンバスウィジェットを作成し、 create_image（** options）を使用します ロードされた画像をキャンバスに配置します。 ロードされた画像のサイズを変更する関数を定義します。 関数を親ウィンドウ構成にバインドします。