ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • HTML5が携帯電話のコードスキャン機能を公開とそのメリットとデメリット

    HTML5が携帯電話のコードスキャン機能を公開とそのメリットとデメリット

    1. 解決された問題: 1. カメラを呼び出して QR コードをスキャンし、Weibo クライアントで解析できます。 2. QR コードをスキャンして、ネイティブ ブラウザと WeChat クライアントで解析できます。 2. 利点: Web クライアントまたはh5 端は QR コードのスキャン作業を直接完了できます。 3. 欠点: 画像が鮮明ではなく、解析に失敗しやすい (画像をスキャンするために写真を撮るには、レンズを QR コードから離す必要があります)。
    2025-01-27
  • Canvas 要素の HTML サイズと CSS サイズが要素の外観に及ぼす影響の簡単な分析

    Canvas 要素の HTML サイズと CSS サイズが要素の外観に及ぼす影響の簡単な分析

    発生した問題: html/11467.html">canvas 要素が変形する原因。DOM 要素には、style サイズ、html サイズ、css サイズの 3 つのサイズがあります。canvas 要素を使用する場合、デフォルトの幅と高さは、 Canvas 要素のデフォルトのサイズは 300px * 150px です。
    2025-01-27
  • HTML ページにクリックしてダウンロード ファイルを実装する 2 つの方法

    HTML ページにクリックしてダウンロード ファイルを実装する 2 つの方法

    1.<a>タグを</a>使用して<a href=/user/test/xxxx.txt download=文件名.txt>クリックしてダウンロードを</a>完了すると、ユーザーがブラウザを開いてリンクをクリックすると、ファイルが直接ダウンロードされます。ただし、txt、png、jpg、その他のブラウザがサポートしているなどの状況があります。
    2025-01-27
  • DIVのフォーカス外れ（ブラー）の実装方法

    DIVのフォーカス外れ（ブラー）の実装方法

    マウスを外したときに DIV が消えるようにアンチシェイクを使用します。 div タグ自体は onblur イベントをサポートしていないため、ボタンをクリックしたときにポップアップする div については、div がフォーカスを失ったときに消えるようにします。 、これは onblur を使用して達成することはできません。ただし、onmouseout と events を使用すると、DIV がフォーカスを失って消えるようにすることができます。
    2025-01-27
  • モバイルページで垂直画面を強制する方法

    モバイルページで垂直画面を強制する方法

    最近、仕事でモバイル ページを作成しました。最初は何もありませんでしたが、これまでに見たことのないような要件がありました。しかし、そのページは APP に配置されていました。横向きの場合、このページを開く Web ビューも水平画面で表示されます (最新バージョンのアプリは垂直画面の Web ビューで開きます)。
    2025-01-27
  • Webページ画面録画の実装

    Webページ画面録画の実装

    以前のコメントを読んだ後、事前に説明していなかったことに気づきました。この記事は、いくつかの同様のコードライブラリを読んで、実行可能であると思われる解決策のセットであると言えます。将来的にはオープンソースになるので、私が見逃していた詳細を補うことができます。これを学習テキストとして使用し、運用環境では注意して使用してください。アプリケーションに問題がある場合は、画面を記録してエラー シナリオを再現します。
    2025-01-27
  • Html5でBaiduとAmap APPを起動する実装例

    Html5でBaiduとAmap APPを起動する実装例

    数日前、United Black Card が H5 で Baidu APP または Amap APP を開く必要があると報告したため、オンラインで関連文書を確認し、以下のリンクを貼り付けました。 1. Amap 2. Baidu Map の具体的なアイデア クリックして地図を選択したとき、最初に APP リンクを要求すると、800 ミリ秒が経過しても応答がなく、その後 H5 リンクにジャンプします。このようにしてください
    2025-01-27
  • html5 キャンバスは放射性グラデーション カラー効果を描画します

    html5 キャンバスは放射性グラデーション カラー効果を描画します

    Canvas にはまだ落とし穴がいくつかあります。たとえば、fillRect は属性ではなくメソッドです。fillRect= を記述しても、効果はなく、エラーも報告されません。ここでは createRadialGradient API が使用されます。この API は 6 つのパラメータを受け取り、最初の 3 つは下部の円、背面を表します。
    2025-01-27
  • HTML5はモバイル端末に最適な記述方法を実現

    HTML5はモバイル端末に最適な記述方法を実現

    PC 版 Web ページ (http://pc_url) で、以下を追加します。<link rel=alternate media=only screen and(max-width: 640px) href=http://pc_url >モバイル版のページ (http:/
    2025-01-26
  • キャンバステキストの衝突検出と間引き方法

    キャンバステキストの衝突検出と間引き方法

    要件の背景 テキストの細線化は、マップ関連の要件を作成するときに一般的に使用されます。このメソッドは、会社のマップ エンジンの機能を実装するときにのみ実装されました。この操作は、マップの概念を導入しません。衝突検出は、キャンバス内のテキストが占める範囲を計算します。 // 計算
    2025-01-26
  • HTML5レコーディングの落とし穴を詳しく解説

    HTML5レコーディングの落とし穴を詳しく解説

    私が少し前に取り組んだプロジェクトは、オーディオ コースウェアを開発することでした。基本的に、ドキュメント、画像、その他のリソースをインポートすると、ページが PPT のようなレイアウトになり、画像を選択してオーディオを挿入できるようになります。 - ページ編集とグローバル編集の 2 つのモード。オーディオをインポートするには 2 つの方法があります。1 つはリソース ライブラリからインポートする方法、もう 1 つはリソース ライブラリからインポートする方法です。
    2025-01-26
  • HTML5 Canvasによるショッピングモール監視事例を詳しく解説

    HTML5 Canvasによるショッピングモール監視事例を詳しく解説

    国内経済の急速な発展に伴い、人々の安全に対する要求はますます高まっています。次のような事態が起こらないようにするために、セキュリティ システムの導入を検討する必要があります。 証拠と手がかりの提供: 多くの工場、銀行、盗難、事故では、関係機関がビデオ情報に基づいて事件を検出できます。これは非常に重要です。手がかり。紛争や事故の中には、ビデオで簡単に記録できるものもあります。
    2025-01-26
  • 固定HTMLテーブルヘッダーの実装

    固定HTMLテーブルヘッダーの実装

    この記事では、HTML Table ヘッダー固定の実装を紹介し、皆さんと共有します。詳細は次のとおりです。<div class=wrapbox><div class=table-head><table><thead>
    2025-01-26
  • Canvas を使用して画像ダウンロード機能を実装し、ブラウザの互換性の問題を解決します。

    Canvas を使用して画像ダウンロード機能を実装し、ブラウザの互換性の問題を解決します。

    はじめに: 画像のダウンロード機能をプロジェクトに実装する必要がある場合、最初に思いつくのは、 a タグの download 属性を使用することです。ただし、別のブラウザーでテストすると、一部のブラウザーでは問題が発生することがわかります。は無効であり、クリックすると画像が直接プレビューされます。そのため、さまざまなブラウザーと互換性のある画像をダウンロードする別の方法を見つけました。それは、canvas を使用して画像を処理することです。
    2025-01-26
  • HTML5オリジナルテトリス（キャンバスベース）

    HTML5オリジナルテトリス（キャンバスベース）

    初めてテトリスを書いたのは 1 年以上前で、つい最近まで JS を学んだばかりでした。 js への理解を深め、ゲームへの愛情をさらに高めるために、他の人のアイデアやコードを参照せずに、最も基本的な js コードを使用してキャンバスに基づいてテトリスを作成しました。 3年生の夏休みにes6の構文を使って改良を加えました。
    2025-01-26
前のページ 164165166167168169170171172次のページ