Javascript

 Computer >> コンピューター >  >> プログラミング >> Javascript
  1. HTMLキャンバス上で線幅が連続的に変化する線を描画する

    連続的に変化する線幅で線を描画するには、次のコードを実行してみてください- 例 var context = document.getElementById('canvas1').getContext('2d'); var pts = [null, null, null, null]; for(var i=-1; i<25; i=i+1) {    var width = 0.5+i/2;    var m = 200;    var x = Math.cos(i/4) * 180;  

  2. HTML5 iframe srcdocの代替手段？

    HTMLのタグは、インラインフレームを作成するために使用されます。 例 <!DOCTYPE html> <html>    <head>       <title>HTML iframe Tag</title>    </head>    <body>       <iframe src = "https://www.tutorialspoint.com/index.htm&q

  3. ユーザーはHTML5sessionStorageを無効にできますか？

    はい、ユーザーはHTML5sessionStorageを無効にできます。 ブラウザがlocalStorageとsessionStorageを受け入れないようにするのは簡単です。 Webブラウザの設定を見てみましょう- Firefoxアドレスバーに「aboutconfig」と入力してを押します。これにより、ブラウザの内部設定が表示されます。 dom.storage.enabledに移動します。DOMストレージを無効にするには、右クリックして切り替える必要があります。 Internet Explorerでは、[その他]、[インターネットオプション]、[詳細設定]タブを選択する必要があります。次

  4. HTML5-JavaScriptベースのビデオプレーヤーのスナップショットを撮る方法は？

    次のコードを実行して、HTML5のスナップショットを撮ることができます-JavaScriptベースのビデオプレーヤー- 例 <html>    <body>       <video controls>          <source src = "new.mp4" type = "video/mp4"></source>       </video>

  5. HTML5およびAmazonS3マルチパートアップロード

    はい、AmazonS3マルチパートアップロード機能でHTML5ファイルAPIを使用することは可能です。サーバーのバックアップとAmazonAPIキーが必要になります。 アマゾンウェブサービスが提供するウェブサービスであるアマゾンS3は、ウェブサービスインターフェースを介してストレージを提供します。 Amazonは2007年にS3をリリースしました。 Amazon APIを使用してマルチパートアップロードを作成し、「key」（ファイル名）と「uploadid」をWebページに送り返します。マルチパートの場合、「日付」と「認証ヘッダー」を使用して、「パーツアップロードURL」を介してパーツデー

  6. データのバイナリ転送とHTML5によるデコードのためのWebSocket

    クライアントとサーバーでbase64エンコード/デコードを使用します。 WebSocketを備えたすべてのWebブラウザーには、window.atob（base64デコード）とwindow.btoa（base64エンコード）があります。 WebSocketサーバーにはbase64ライブラリがあります。 バイナリデータを転送するには、WebベースのVNCクライアントであるVNCが含まれていないwsproxyを使用します。 wsproxyは、汎用TCPソケットプロキシへのWebSocketです。 base64は、ブラウザとの間のすべてのトラフィックをエンコード/デコードします。これを使用して、W

  7. HTML5のcheckValidity（）メソッドをまだサポートしているブラウザはありますか？

    はい、checkValidity（）はGoogleChromeとOperaでも機能します。これも同様に機能します- 例 <!DOCTYPE html> <html>    <body>       <style>          .valid {             color: #0B7866;          }  

  8. HTML5で座標を地名に変換する

    このためには、GoogleMapsAPIを使用して逆ジオコーディングを実行します。 ジオコーディング 人間が読める形式の住所を地図上の場所に変換することを指します。 地図上の場所を人間が読める形式の住所に変換する逆のプロセスは、逆ジオコーディングと呼ばれます。 例 緯度と経度を設定する例を見てみましょう- function initMap() {    var map = new google.maps.Map(document.getElementById('map'), {       zoom: 8,   &n

  9. BluePrint/960gsのようなHTML5+CSS3フレームワーク？

    BluePrint/960gsフレームワークまたは次のいずれかを使用できます- 52フレームワーク スージー 52フレームワーク（参照） 提供するフレームワーク- CSS3グラデーション、複数の影、その他のすばらしいプロパティ。 IEをサポートするCSS3セレクター。 スキンのようなvimeoによる新しく改善されたHTML5ビデオサポート HTML5検証を備えた完全に新しいフォームフレームワーク（javascript経由） スージー（参照） Sass用の軽量グリッドレイアウトフレームワーク。これは、レスポンシブグリッドレイアウトを明確にするために設計されています。フロート、フレッ

  10. Safari5でのHTML5ジオロケーション

    HTML5 Geolocation APIを使用すると、現在地をお気に入りのWebサイトと共有できます。 JavaScriptは、緯度と経度をキャプチャし、バックエンドWebサーバーに送信して、地元のお店を見つけたり、地図上に現在地を表示したりするなど、場所を意識した高度な処理を実行できます。 例 現在の位置を取得する方法を見てみましょう- <!DOCTYPE HTML> <html>    <head>       <script>         &nb

  11. cache.manifestが初めて機能し、HTMLで失敗する

    下部に以下を追加- NETWORK: * URLにマニフェストのバージョン番号をパスとともに設定します。 <html manifest = "path/to/cache.manifest?v = 20"> さらに、-を設定します CACHE MANIFEST #rev ?v = 42 /css/style.css?v = 20 /js/myscript.js?v = 20

  12. 基本的なHTML5キャンバスアニメーションを実行します

    HTML5キャンバスは、画像を描画して完全に消去するために必要なメソッドを提供します。 JavaScriptの助けを借りて、HTML5キャンバス上で優れたアニメーションをシミュレートできます。 例 次のコードを実行して、基本的なHTML5キャンバスアニメーションを実行することができます- <!DOCTYPE HTML> <html>    <head>       <script>          var pattern= new Image()

  13. ランダムに再生するHTML5オーディオ

    ランダムに再生するには、次のような曲を追加します- init ([    'https://demo.com/songs/song1.mp3,    'https://demo.com/songs/song2.mp3,    'https://demo.com/songs/song3.mp3 ]); Math.random − を使用してランダムに再生するには、以下を使用します function displayRandom() {    var audio = Math.floor(Math

  14. HTML5キャンバスを現在の原点を中心に回転させます

    HTML5キャンバスは、現在の原点を中心にキャンバスを回転させるために使用されるrotate（angle）メソッドを提供します。 このメソッドは1つのパラメーターのみを取り、それがキャンバスが回転する角度です。これは、ラジアンで測定された時計回りの回転です。 例 次のコードを実行してHTMLキャンバスを回転させることができます- <!DOCTYPE HTML> <html>    <head>       <style>          #te

  15. HTML5 Canvasの状態を保存および復元するにはどうすればよいですか？

    HTML5キャンバスには、キャンバスの状態を保存および復元するための2つの重要な方法があります。 キャンバスの状態は、saveメソッドが呼び出されるたびにスタックに保存され、最後に保存された状態は、restoreメソッドが呼び出されるたびにスタックから返されます。 Sr.No. メソッドと説明 1 save（） このメソッドは、現在の状態をスタックにプッシュします。 2 restore（） このメソッドは、スタックの最上位の状態をポップし、コンテキストをその状態に復元します。 例 次のコードを実行して、HTML5キャンバスを保存

  16. CSSのみアニメーション-境界線の半径と透明な背景で円を描く

    背景が透明でborder-radiusの円を描くには、次のCSSを使用します- body {    background: repeating-linear-gradient(45deg, white 0px, green 100px);    height: 400px;    background-size: 400px 400px;    background-repeat: no-repeat; } html {    height: 100%; } #box {   &nbs

  17. iOSSafariでWAVファイルを再生する

    iOS SafariでWAVファイルを再生するには、content-rangeヘッダーを追加します。 ヘッダーを使用すると、WAVファイルを再生できます- Content-Range: bytes XX-XX/XX Content-Type: audio/wav Content-Disposition: attachment; filename = "new.WAV" Content-Length: XX 上記、 new.WAV 私たちのWAV ファイル。

  18. CSS3とHTM5で不規則な形のdivを作成するにはどうすればよいですか？

    CSS3を使用すると、長方形、三角形などの形状をいつでも作成できます。 方法を見てみましょう- 以下は長方形です- #shape1 {    width: 300px;    height: 150px;    background: blue; } 以下は三角形です- #shape2 {    width: 0;    height: 0;    border-left: 200px solid transparent;    border-botto

  19. Touchmoveポインター-イベント：なしCSSはChrome for Android 4.4/ChromeViewでは機能しません

    タッチスタートイベントは、タッチポイントがタッチサーフェスに配置されたときに発生します。 touchmoveポインターイベントにaddEventListener（）を使用します- overlay.addEventListener('touchstart', function(ev){    ev.preventDefault(); }); ここでは、preventDefault（）メソッドも使用しました。 PreventDefault（）メソッドは、ブラウザがデフォルトのアクションを実行できないようにします。

  20. AndroidでHTML5を使用してWebViewでMP4ビデオを再生する

    WebViewでMP4ビデオを再生するには、最初にマニフェストでコンテンツプロバイダーを宣言する必要があります- <provider android:name = "MyDataContentProvider" android:authorities="com.myapp" /> open（）メソッドを使用して開いているファイルを実装する- URI myURL = URI.create("file:///mypath/new.mp4"); File f = new File(myURL); ParcelFileDescr

Total 5927 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:213/297  20-コンピューター/Page Goto:1 207 208 209 210 211 212 213 214 215 216 217 218 219