ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • Canvasにイベントを追加する方法の例

    Canvasにイベントを追加する方法の例

    フロントエンドとして、要素にイベントを追加するのは一般的なことです。しかし、Canvas ではイベントの追加はおろか、そこに描かれたものは何も取得できないので、それについては無力なのでしょうか。もちろん違います！私たちは日々のプロジェクトで多くの Canvas フレームワークを使用していると思いますが、これらのフレームワークでイベントが使用されていることがわかりました。
    2025-01-26
  • pre や textarea などの HTML 要素でスクロール バーを削除し、自動的に行を折り返し、テキスト コンテンツの高さを調整する方法

    pre や textarea などの HTML 要素でスクロール バーを削除し、自動的に行を折り返し、テキスト コンテンツの高さを調整する方法

    HTML の Pre および textarea では、事前にフォーマットされたテキストを表示できます。つまり、スペースと改行を保持します。などの HTML 要素を追加する代わりに、改行や印刷スペースを追加します。 pre がスクロール バーを削除すると、pre はテキスト コンテンツを表示しますが、この時点では CSS を追加して問題を解決できます。<pre>私たちの
    2025-01-25
  • HTML5ページの実装メソッドを返す

    HTML5ページの実装メソッドを返す

    このタイトルを見ると、何だこれはと思うかもしれません。 実際、私が言いたいのはこれです。以下の記録を見てください。この種のインタラクションは、H5 ページのいたるところにあります。都市をクリックすると、都市選択のフローティング レイヤーがポップアップ表示され、戻るボタンを押してフローティング レイヤーが閉じます。層。これらの操作は、左上隅/右上隅の閉じるボタンをクリックしなくても実行できます。Fliggy’s H5 では、進むときと戻るときにポップアップ レイヤーが表示されます。
    2025-01-25
  • HTML5のvideoタグの属性とメソッドを詳しく解説

    HTML5のvideoタグの属性とメソッドを詳しく解説

    はじめに 最近カスタム プレーヤーを書いています。書く前に、プレーヤーのすべてのプロパティとメソッドを確認する必要があります。敵と自分自身を知ることによってのみ、百戦を戦い抜くことができます。私たちが作成したプレーヤーと、私たちが使用したプレーヤーの一部は、ビデオ タグのインライン属性 src: ビデオ投稿者の URL: ビデオ カバーもアップロードしました。再生中に画像は表示されません。
    2025-01-25
  • html5 Canvasを使用した画像回転の例

    html5 Canvasを使用した画像回転の例

    ご存知のとおり、キャンバスはビットマップであり、その中で必要なものをレンダリングできますが、編集できるのはキャンバスのプロパティを操作することだけです。つまり、キャンバスに描画されたものを操作することはできません。たとえば、キャンバスに絵を追加する場合、その絵を 10 ピクセル移動したいとします。
    2025-01-25
  • Html5 Canvas アニメーションの基本的な衝突検出の実装

    Html5 Canvas アニメーションの基本的な衝突検出の実装

    Canvas で衝突検出を実行するには、ゲーム エンジン (Cocos2d-JS、Egret) または物理エンジン (Box2D) の組み込み衝突検出機能を直接使用することがよくあります。興味がありますか。その内部動作メカニズムについて考えたことはありますか?以下に基本的な衝突検出技術を説明します。 1. 長方形ベースの衝突検出、いわゆるコリジョン
    2025-01-25
  • HTML5オフラインアプリケーションとクライアントストレージの実装

    HTML5オフラインアプリケーションとクライアントストレージの実装

    オフライン Web アプリケーション開発のサポートは、HTML5 のもう 1 つの焦点です。いわゆるオフライン Web アプリケーションは、デバイスがインターネットにアクセスできない場合でも実行できるアプリケーションです。オフライン Web アプリケーションを開発するには、いくつかの手順が必要です。 1 つ目は、次に正しいアクションを実行できるように、デバイスがインターネットにアクセスできるかどうかをアプリが認識していることを確認することです。次に、アプリケーションもアクセスできる必要があります。
    2025-01-25
  • HTML5 localStorage 入門チュートリアル

    HTML5 localStorage 入門チュートリアル

    読み取り専用の localStorage を定義すると、ドキュメント データがクロスブラウザー セッションとして保存されるリモート (元の) オブジェクト ストレージにアクセスできるようになります。 localStorage は sessionStorage に似ていますが、データが localSt に保存される点が異なります。
    2025-01-25
  • HTML5ベースのネットワークトポロジー図アプリケーションの迅速な開発について詳しく解説

    HTML5ベースのネットワークトポロジー図アプリケーションの迅速な開発について詳しく解説

    今日から、HTML5 Canvas トポロジ グラフ アプリケーションを構築する方法を最も基本的なレベルから分析していきます。HT は、最も豊富な 2D 機能を持つコンポーネントであるトポロジ グラフ コンポーネント ht.graph.GraphView (以下、GraphView と呼びます) を内部的にカプセル化します。 HT フレームワークとその関連クラス ライブラリはすべて ht にあります。
    2025-01-25
  • HTML5 での download 属性の使用の簡単な分析

    HTML5 での download 属性の使用の簡単な分析

    フロントエンド テクノロジの発展に伴い、フロントエンドでファイルのダウンロードを処理する必要があるビジネス シナリオがますます増えています。数ある方法の中でも、<a>タグのdownload属性を利用したダウンロードが一般的で比較的簡単な方法です。 download 属性</a><a>には、href を介したリンク ジャンプを実装するための通常のタグが導入されています。</a>
    2025-01-25
  • HTMLでよく使われるエスケープ文字のまとめ

    HTMLでよく使われるエスケープ文字のまとめ

    HTML でよく使用されるエスケープ文字の概要、具体的な内容は次のとおりです。 ノンストップスペース 半角スペース 全角スペース < より小さい <> より大きい > & & 記号" 二重引用符 © 著作権記号 ©® 表記
    2025-01-24
  • HTML5 ネイティブ ダイアログ要素を使用してモーダル コンポーネントを簡単に作成

    HTML5 ネイティブ ダイアログ要素を使用してモーダル コンポーネントを簡単に作成

    HTML 5.2 ドラフトでは、新しいダイアログ要素が追加されています。しかし、それは実験的な技術です。以前は、何らかのモーダル ダイアログやダイアログ ボックスを構築したい場合は、背景、閉じるボタン、ダイアログ ボックス内のイベントのバインド、マークアップの配置、メッセージを渡す方法を見つける必要がありました。話すために...
    2025-01-24
  • HTML5 Canvas に基づくインタラクティブな地下鉄路線図

    HTML5 Canvas に基づくインタラクティブな地下鉄路線図

    はじめに 2 日前、echarts でインスピレーションを探していたとき、地図や地図の位置などの同様の例をたくさん見ましたが、地下鉄の路線図はないようだったので、このインタラクティブな地下鉄路線図をいじるのに時間を費やしました。デモ、地下鉄路線上のポイントはインターネットからランダムにダウンロードされました。この記事は私自身のポイントを記録したものです。
    2025-01-24
  • Express を使用して単純なクエリ サーバーを構築する方法

    Express を使用して単純なクエリ サーバーを構築する方法

    この記事では、Express を使用して簡単なクエリ サーバーを構築する方法を紹介し、それを全員に共有します。詳細は次のとおりです。使用されるテクノロジ スタックには、service--node_modules--app.js--query が含まれます。 .jsapp.js サービスの呼び出しをサポート、
    2025-01-24
  • html2canvas.js を使用してページのスクリーンショットをキャプチャし、表示またはアップロードするためのサンプル コード

    html2canvas.js を使用してページのスクリーンショットをキャプチャし、表示またはアップロードするためのサンプル コード

    最近プロジェクトを書く際にページのスクリーンショット機能を実現できるhtml2canvas.jsを使っていたのですが、色々落とし穴に遭遇したのでその記録を兼ねてエッセイを書きます。 html2canvasを使用すると、ビジュアルインターフェイスのみがキャプチャできる、スクリーンショットに背景色がない、svgタグがキャプチャできないなどの問題が発生する可能性があります。以下に詳しく説明します。 1つ
    2025-01-24
前のページ 2345678910次のページ