-
HTML5キャンバスで楕円を描く方法は?
次のコードを実行して、HTML5キャンバスに楕円を描くことができます- 例 <!DOCTYPE HTML> <html> <head> </head> <body> <canvas id="newCanvas" width="450" height="300"></canvas> <sc
-
HTML5キャンバスdrawImage()でアンチエイリアスを適用するにはどうすればよいですか?
アンチエイリアスを使用するには、リサンプリングの品質を設定する必要があります。 ctx.imageSmoothingQuality = "low|medium|high" オフスクリーンキャンバスを使用して、画像を半分に縮小します- var c = document.createElement('canvas'), ocx = c.getContext('2d'); c.width = img.width * 0.5; c.height = img.height * 0.5; ocxx.drawImage(img, 0, 0, c.widt
-
HTML5ビデオタグ付きのローカル(ハードドライブ)ビデオファイルを再生しますか?
タグは、MP4、WebM、Oggのビデオ形式でビデオを追加するために使用されます input要素を介してファイルを選択する場合。 変更イベントが発生します このイベントは、、、および要素に対して、ユーザーが要素の値を変更したときに発生します。 ファイルオブジェクトの取得 ファイルインターフェイスはファイルに関する情報を提供し、WebページのJavaScriptがコンテンツにアクセスできるようにします。このタイプのオブジェクトは、HTMLの要素のfilesプロパティによって返されます。これにより、最終的に要素で選択されたファイルのリストにアクセスできるようになります。 ファイルオブジェクト
-
HTML5で大きな.mp4ファイルをストリーミングする方法は?
Web上のビデオファイルをダウンロード中に再生するには、特別な方法でエンコードする必要がある場合があります。フラッシュベースのビデオを機能させるには、データをストリームの最後から最初に移動する必要があります。 mp4FastStartと呼ばれるプログラムがこれを行うことができます。 HandBrakeのようなプログラムには、エンコード時にこれを行う「Web」オプションがあります。 Webサーバーがmp4ファイルの圧縮に加えてgzipまたはdeflate圧縮に適用されていないことを確認する必要があります。 圧縮により、Webサーバーはより小さなファイルサイズを提供できるようになり、Webサイ
-
HTMLに大きなテキストを含めるにはどうすればよいですか?
通常のテキストよりも大きいテキストを追加するには、タグを使用します。 注 −このタグはHTML5ではサポートされていません。 例 次のコードを実行して、HTMLに大きなテキストを含めることができます- <!DOCTYPE html> <html> <head> <title>HTML big Tag</title> </head> <body> &
-
要素のスペルと文法をHTMLでチェックするかどうかを指定するにはどうすればよいですか?
要素のスペルと文法をチェックするかどうかを指定するには、HTMLのspellcheck属性を使用します。この属性は、入力要素、要素、および編集可能な要素のテキストのスペルと文法をチェックします。 注 −入力要素に対しては機能しますが、パスワードに対しては機能しません。 例 次のコードを実行して、HTMLにスペルチェッカーを追加してみてください- <!DOCTYPE html> <html> <body> Subject : <input type = "text"
-
HTMLでバックグラウンドミュージックを追加するにはどうすればよいですか?
HTMLのタグは、バックグラウンドで音楽を再生するために使用されます。このタグはInternetExplorer専用です。 例 次のコードを実行して、HTMLでバックグラウンドミュージックを追加してみてください- <!DOCTYPE html> <html> <head> <title>HTML bgsound Tag</title> </head> <body>
-
HTMLでテキストを中央揃えにする方法は?
HTMLのタグは、このタグで囲まれたコンテンツを中央に配置するために使用されます。 注 −このタグは非推奨になりました。 例 次のコードを実行して、テキストをHTMLの中央に配置することができます- <!DOCTYPE html> <html> <head> <title>HTML center Tag</title> </head> <body>
-
HTMLに表のキャプションを含めるにはどうすればよいですか?
タグを使用して、テーブルのキャプションを作成します。次のコードを実行して、HTMLに表のキャプションを含めることができます。 例 <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; &
-
HTML5の入力値のさまざまなオプションを一覧表示
HTMLのタグは、要素のオプションのセットを指定します。次のコードを実行して、HTML5の入力値のオプションを一覧表示できます- 例 <!DOCTYPE html> <html> <head> <title>HTML Datalist Tag</title> </head> <body> <input list = "tutorials
-
HTML5で定義リストを作成するにはどうすればよいですか?
タグを使用して、定義リストを追加します。 HTMLのタグは、定義リストを宣言するために使用されます。このタグはタグ内で使用されます。定義リストは他のリストと似ていますが、定義リストでは、各リスト項目に2つのエントリが含まれています。用語と説明。 例 次のコードを実行して、HTML5で定義リストを作成してみてください- <!DOCTYPE html> <html> <head> <title>HTML dl Tag</title> </h
-
要素のコンテンツがHTMLで編集可能かどうかを確認します
contenteditableを使用する HTMLの属性。要素のコンテンツを編集可能かどうかを設定します。 例 次のコードを実行して、 contenteditableを実装する方法を学ぶことができます。 HTMLの属性。編集可能なコンテンツにカーソルを合わせると、編集できるようになります。 <!DOCTYPE html> <html> <body> <p contenteditable = "true">This content is editabl
-
HTMLで定義用語を追加するにはどうすればよいですか?
定義リストは他のリストと似ていますが、定義リストでは、各リスト項目に2つのエントリが含まれています。用語と説明。 HTMLのタグを使用して、定義リストで用語の開始を定義します。 例 次のコードを実行して、HTMLに定義用語を追加してみてください- <!DOCTYPE html> <html> <head> <title>HTML dt Tag</title> </head> <body> &n
-
HTMLドキュメントにセクションを含めるにはどうすればよいですか?
セクションを追加するには、HTMLのタグを使用します。次のコードを実行して、HTMLドキュメントにセクションを含めることができます- 例 <!DOCTYPE html> <html> <head> <title>HTML Section Tag</title> </head> <body> <section> &n
-
JavaScript AES暗号化とは何ですか?
AES暗号化はAdvancedEncryption Standard (AES)アプリケーションのデータを暗号化します。 JavaScriptライブラリForgeを使用してAES暗号化を実行できます。 NPMをインストールしてこのようにインストールします npm install node-forge プロジェクトで使用できるように縮小します npm run minify ここで、AES-CBC128ビット暗号化暗号を使用します。キーを作成して生成します。 たとえば、テキストの文字列を暗号化してデータベースに保存してみてください。
-
JavaScriptのswitchステートメントで厳密な比較を想定しても安全ですか?
厳密な比較に関する混乱から抜け出すために、JavaScriptで次のコードスニペットを実行してみてください- 例 switch(1) { case '1': alert('Switch comparison: Not Strict.'); break; case 1: alert('Switch comparison: Strict.'); &
-
JavaScriptでブラウザの戻るボタンを無効にする方法は?
Webブラウザの戻るボタンを無効にするには、次のコードを実行してみてください。これは現在のHTMLページのコードです 例 <html> <head> <title>Disable Browser Back Button</title> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></sc
-
JavaScriptを使用して自動ユニットテストを実行するにはどうすればよいですか?
JavaScriptで単体テストを実行するには、Unit.jsを使用します。 これは、クロスプラットフォームのオープンソースの単体テストフレームワークです。 例 テストコードで次のように言いましょう- var example = ‘Welcome’; test.string(example) .isEqualTo(‘Welcome’); 関数demo()は一連のテストを表示しますが、demo1()は個別のテスト仕様です demo('Welcome’, function() { demo1('
-
JavaScriptの継承では、Object.createとnewを区別する方法は?
最初の例では、 amitBaseClassを継承しているだけです。 プロトタイプ。 function SomeClass() { } SomeClass.prototype = Object.create(amitBaseClass.prototype); 2番目の例では、コンストラクター関数を実行しています。 amitBaseClassのインスタンス が作成され、 amitBaseClassを完了する人を継承します。 オブジェクト。 function SomeClass () { } SomeClass.prototype = new amitBaseClass (); したがって
-
HTMLのページ内のすべてのリンクのベースURLを追加するにはどうすればよいですか?
ベースURLを追加するには、HTMLでタグを使用します。たとえば、ページ上部のヘッダーセクションでベースURLを1回設定すると、後続のすべての相対リンクでそのURLが開始点として使用されます。 例 次のコードを実行して、HTMLのページ内のすべてのリンクのベースURLを追加する方法を学ぶことができます- <!DOCTYPE html> <html> <head> <title>HTML base Tag</title> <