ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • HTML5 Canvasを使用して360度パノラマを実装するサンプルコード

    HTML5 Canvasを使用して360度パノラマを実装するサンプルコード

    多くのショッピング Web サイトは現在、実際のオブジェクトの 360 度のパノラマ画像をサポートしており、購入者にとっては優れた消費エクスペリエンスです。jQuery に基づいたプラグインもあり、一部は有料です。はい、実際には 3deye.js という非常に便利なプラグインがあります。プラグインはデスクトップおよびモバイル端末をサポートします
    2025-01-26
  • HTML5 模倣 WeChat チャット インターフェイスと WeChat Moments サンプル コード

    HTML5 模倣 WeChat チャット インターフェイスと WeChat Moments サンプル コード

    ここ数日、H5 を使用して WeChat 風のチャット フロントエンド インターフェイスを開発しました。特に WeChat の下部エディターは、WeChat ほど包括的ではありませんが、非常にうまく処理されています。 、それでもかなり優れています。メッセージ、絵文字を送信したり、送信したメッセージを自動的に下にスクロールしたり、メッセージ、写真、ビデオに対して異なる右クリック処理を実行したりできます。
    2025-01-26
  • Html5キャンバスをベースに、写真のトリミングやモザイク機能、Youpaiyunへの写真アップロード機能を実現

    Html5キャンバスをベースに、写真のトリミングやモザイク機能、Youpaiyunへの写真アップロード機能を実現

    1. コア機能 このコンポーネントの機能は次のとおりです。 画像のトリミング (トリミング ボックスをドラッグすると、トリミング ボックスのサイズが変更されます)。 画像のモザイク (モザイクの描画、モザイクの解除)、画像の復元 (元の画像に戻す、元の画像に戻す)。処理された画像); 画像のアップロード (署名の取得、写真のアップロード)。 2. コアロジック 2.1 クロップ枠（長方形）を取得するための画像クロップ
    2025-01-26
  • 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
前のページ 165166167168169170171172173次のページ