Javascript | コンピューター

ModernizrをHTMLドキュメントに含める方法は？

Modernizrは、対応するアクションを実行できるように、新しい機能を検出する簡単な方法を提供します。たとえば、ブラウザがビデオ機能をサポートしていない場合は、簡単なページを表示したいとします。機能の可用性に基づいてCSSルールを作成できます。これらのルールは、ブラウザが新しい機能をサポートしていない場合、Webページに自動的に適用されます。このユーティリティの最新バージョンは、ModernizrDownloadからダウンロードできます。 Modernizrの使用を開始する前に、次のようにJavaScriptライブラリをHTMLページヘッダーに含める必要があります。 <sc

Modernizrを使用してHTML5機能を検出する

Modernizrは、次世代のWebテクノロジーのネイティブ実装の可用性を検出する小さなJavaScriptライブラリです。これがModernizrで検出できる機能のリストです- 機能 CSSプロパティ JavaScriptチェック @ font-face 。fontface Modernizr.fontface キャンバス。canvas Modernizr.canvas キャンバステキスト。canvastext Modernizr.canvastext HTML5オーディオ。audio Mod

HTMLを使用してJavaScriptを介して特定の機能を検出する方法

HTMLでModernizrを使用して、JavaScriptを介してオーディオなどの機能を検出します。 if (Modernizr.audio) { /* properties for browsers that support audio */ } else{ /* properties for browsers that does not support audio */ }

HTML5の<video>要素の属性と使用法

HTML5のタグとタグを使用すると、Webサイトにメディアを簡単に追加できます。メディアソースを識別するためにsrc属性を設定し、ユーザーがメディアを再生および一時停止できるようにcontrols属性を含める必要があります。 HTML5ビデオタグには、ルックアンドフィールとコントロールのさまざまな機能を制御するためのいくつかの属性を含めることができます。 sr。いいえ。属性と説明 1 自動再生このブール属性を指定すると、データの読み込みを停止せずに、できる限りすぐにビデオの再生が自動的に開始されます。 2 自動バッファこのブール属性を指定すると

HTML5ビデオの使用中に一般的に使用されるビデオ形式

現在のHTML5ドラフト仕様では、ブラウザがビデオタグでサポートする必要のあるビデオ形式を指定していません。しかし、最も一般的に使用されるビデオ形式は- Ogg −ThedoraビデオコーデックとVorbisオーディオコーデックを含むOggファイル。 mpeg4 −H.264ビデオコーデックとAACオーディオコーデックを含むMPEG4ファイル。タグを使用して、メディアタイプやその他の多くの属性とともにメディアを指定できます。ビデオ要素は複数のソース要素を許可し、ブラウザは最初に認識された形式を使用します： <!DOCTYPE HTML> <html&g

HTML5でカスタム属性を作成する

HTML 5で導入された新機能は、カスタムデータ属性の追加です。カスタムデータ属性はデータで始まります -そしてあなたの要件に基づいて名前が付けられます。 <div class = "example" data-sports = "cricket" data-level = "complex"> ... </div> 上記は、 data-subjectと呼ばれる2つのカスタム属性を持つ完全に有効なHTML5になります。およびデータレベル。これらの属性の値は、標準の属性の場合と

HTMLファイルをキャンバスにロードする方法は？

このために、SVG要素を使用できます。例を見てみましょう： <svg xmlns = "https://www.w3.org/2000/svg"> <foreignObject x = "0" y = "0" height = "500" width = "500"> <body xmlns = "https://www.w3.org/1999/xhtml"> <p>

ビデオタグのXMLHttpRequest？

HTML5ファイルのBlob.slice（）メソッドは、データを含むBlobオブジェクトを作成するのに役立ちます。このデータは、ソースBlobの指定されたバイト範囲にあります。以下の例のようにXMLHttpRequestを使用します。スライス（）を使用してバイナリデータを送受信する例を見てみましょう。この例では、テキストを送信し、POSTメソッドを使用して「ファイル」をサーバーに送信します。 var val = new XMLHttpRequest(); val.open("POST", url, true); val.onload = function (event

JSジオロケーションですが、プロンプトは表示されませんか？

いいえ、プロンプトを防ぐことはできません。すべてのユーザーが現在地を共有したいとは限らないため、これはセキュリティ機能です。 W3Cによると：この仕様の準拠実装は、ユーザーのプライバシーを保護するメカニズムを提供する必要があります。このメカニズムは、ユーザーの明示的な許可なしに、このAPIを介して位置情報が利用できないようにする必要があります。

jQuery Mobile：あるページから別のページにデータを送信する

値を渡すために、が次のようになり、ページが new.htmlであるとします。 <a href="new.html?structure='123'">Structure</a> JSは次のようになります： $( document ).on( "pageinit", "#new", function( event ) { var myParam = $(this).data("url").split("?")[1];

innerHTMLはテキストを追加しますが、HTMLタグは追加しません

たぶん、innerHTMLで+=を使用しています。次のことを試してください： var myNum = [1,2,3]; var myStr; myStr = "<ul>"; for( var a in myNum) myStr += "<li>" + a + "</li>"; myStr += "</ul>"; id("numberList").innerHTML = myStr;

HTM5<canvas>で画像スケールのマウスオーバーを作成する

マウスオーバーで画像を拡大縮小するには、VanillaJavaScriptライブラリを使用します。マウスの移動時に、次のように設定します。 function move(e) { var pos = getMousePos(myCanvas, e); context.drawImage(img, -pos.x, -pos.y, img.width, img.height); } キャンバスの場合： //add event listener we need myCanvas.addEventListener('mouseout

HTML5のDataTransferオブジェクト

すべてのドラッグアンドドロップイベントのイベントリスナーメソッドは、dataTransferと呼ばれる読み取り専用属性を持つEventオブジェクトを受け入れます。 event.dataTransferは、イベントに関連付けられたDataTransferオブジェクトを次のように返します。 function EnterHandler(event) { DataTransfer dt = event.dataTransfer; … } 次のコードを実行して、 DataTransferを実装してみてください。オブジェクト： <!

ドロップターゲットはHTML5のどのイベントをリッスンしますか？

ドロップを受け入れるには、ドロップターゲットが少なくとも3つのイベントをリッスンする必要があります。 dragenter イベント。ドロップターゲットがドロップを受け入れるかどうかを決定するために使用されます。ドロップを受け入れる場合は、このイベントをキャンセルする必要があります。ドラッグオーバーイベント。ユーザーに表示するフィードバックを決定するために使用されます。イベントがキャンセルされると、dropEffect属性の値に基づいてフィードバック（通常はカーソル）が更新されます。最後に、ドロップイベント。実際のドロップを実行できます。

DataTransferオブジェクトの属性とは何ですか？

DataTransfer オブジェクトは、ドラッグアンドドロップ操作に関するデータを保持します。このデータは、DataTransferオブジェクトに関連付けられたさまざまな属性に関して取得および設定できます。属性は次のとおりです。 Sr.No. DataTransfer属性とその説明 1 dataTransfer.dropEffect [=value] 現在選択されている操作の種類を返します。この属性を設定して、選択した操作を変更できます。可能な値は、none、copy、link、およびmoveです。 2 dataTransf

フォームを送信する前に画像のサイズを変更する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 ); そして、 va

入力タイプのHTMLで導入された新しいタイプは何ですか？

HTMLの入力要素のtype属性に、次の新しい値が追加されました- タイプ説明 color カラーセレクター。ホイールまたはスウォッチピッカーで表すことができます。日付カレンダーの日付のセレクター datetime-local 日付と時刻が表示され、タイムゾーンの設定や表示はありません日時タイムゾーンを含む完全な日付と時刻の表示。メール入力タイプはメールである必要があります。月特定の年内の1か月間のセレクター数値数値のみを含むフィールド範囲値の範囲内の数値

テーブルを使用してHTML5で複数列のレイアウトを作成するにはどうすればよいですか？

ウェブコンテンツを複数のページに配置するようにウェブページをデザインします。コンテンツを中央の列に保持したり、左の列を使用してメニューを使用したり、右の列を使用して広告などを配置したりできます。例 <!DOCTYPE html> <html> <head> <title>Three Column HTML Layout</title> </head> <body>

HTML5ドキュメントのUnicodeバイト順マーク（BOM）文字。

バイトオーダーマーク（BOM）は、データストリームの先頭にある文字コードU + FEFFで構成され、主にマークされていないプレーンテキストファイルのバイトオーダーとエンコード形式を定義する署名として使用できます。多くのWindowsプログラム（Windowsのメモ帳を含む）は、UTF-8として保存されたドキュメントの先頭にバイト0xEF、0xBB、0xBFを追加します。これは、Unicodeバイトオーダーマーク（BOM）のUTF-8エンコーディングであり、バイトオーダーとは関係ありませんが、一般にUTF-8BOMと呼ばれます。 HTML5ドキュメントの場合、ファイルの先頭にUnicode

キャンバスfabric.jsのレイヤー

FabricJSには、オブジェクトのz-indexを変更する次のAPIメソッドがあります。 canvas.sendBackwards(myObject) canvas.sendToBack(myObject) canvas.bringForward(myObject) canvas.bringToFront(myObject) 次を使用することもできます： fabric.Canvas.prototype.orderObjects = function(compare) { this._objects.sort(compare); this.