ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • HTML5 を使用して全画面ビデオ背景を簡単に実装する方法の例

    HTML5 を使用して全画面ビデオ背景を簡単に実装する方法の例

    ホームページでビデオを全画面で再生したいですか?このビデオは Web ページの背景として使用されており、Web コンテンツの通常の閲覧には影響しません。それでは、あなたのニーズに合った Javascript ライブラリがあることをお知らせします。それが Bideo.js です。自動調整機能: Bideo.js は、現在のブラウザ ウィンドウのサイズに応じてビデオ サイズを自動的に調整できます。
    2025-01-28
  • Canvas+Vueをベースにした弾幕コンポーネントの実装

    Canvas+Vueをベースにした弾幕コンポーネントの実装

    最近、プロジェクトで弾幕機能をカスタマイズする必要があったため、キャンバスを使用してコンポーネントを開発してみました。テストした結果、一部のローエンドマシンでは効果に明らかな遅れはありませんでした。弾幕エフェクト機能の紹介を共有します。弾幕の送信数をサポートします。 npm i vue-barrage パラメータの設定。
    2025-01-28
  • HTML5 マルチスレッド開発における WebWorkers についての簡単な説明

    HTML5 マルチスレッド開発における WebWorkers についての簡単な説明

    ブラウザーが単一のスレッドで js コードを実行することは誰もが知っていますが、ページ ステップが実行されると、そのステップが終了するまでページは他のものに応答できなくなります。 WebWorkers は、他のスクリプトから独立してバックグラウンドで実行される JS コードであり、ページのパフォーマンスには影響しません。私たちは続けることができます
    2025-01-28
  • HTML5 ビデオ再生プラグイン video.js の紹介

    HTML5 ビデオ再生プラグイン video.js の紹介

    video.js は、非常に人気のある HTML5 ビデオ再生プラグインです。モバイル端末でビデオを再生するのに非常に適しています (WeChat Web ページなど)。強力な機能があり、フラッシュへのダウングレードをサポートし、IE8 と互換性があります。公式ウェブサイト: http://videojs.com/ git&demo: http://files.cnbl
    2025-01-28
  • RSS2.0仕様

    RSS2.0仕様

    RSSとは何ですか? RSS は Web コンテンツのシンジケーション形式です。 その名前はReally Simple Syndicationの略です。 RSS は XML の一種です。すべての RSS ドキュメントは XML 1.0 仕様に従っています。
    2025-01-28
  • キャンバスにベジェ曲線を模倣するサンプルコード

    キャンバスにベジェ曲線を模倣するサンプルコード

    空は霧の雨を待っています、そして私はあなたを待っています、ラララ、私の短い本にようこそ、今日私が共有するのは、キャンバス上でベジェ曲線を模倣するオリジナルの方法です。詳細は以下の通りです。 レンダリング:html<canvas id=mycanvas width=500 height=500>お使いのブラウザはキャンバスをサポートしていません
    2025-01-28
  • HTML5とCSS3を使用したモーダルボックスの作成例

    HTML5とCSS3を使用したモーダルボックスの作成例

    この記事では、HTML5 と CSS3 を使用してモーダル ボックスを作成する例を紹介し、詳細は次のとおりです。 たぶん、以下の長い説明を読みたくないかもしれません。ソース コードまたはオンラインのサンプルを直接表示します。以下のリンクは、CSS3 トランジション (トランジション)、不透明度 (非透過性) を使用する場所です。
    2025-01-28
  • HTMLはダブル11のつかみを実現します(クーポンのページを開く時間を設定します)

    HTMLはダブル11のつかみを実現します(クーポンのページを開く時間を設定します)

    私はそれほどナンセンスではありません、私は次のことを直接投稿します。<!DOCTYPE html><html lang=en xmlns=http://www.w3.org/1999/xhtml><head>
    2025-01-28
  • ミニプログラムキャンバスの中国語テキストの中心アンカーポイントを設定します

    ミニプログラムキャンバスの中国語テキストの中心アンカーポイントを設定します

    小さなプログラムで画像を生成する必要がある場合がよくあります。通常、画像にはユーザーのアバターとニックネームが追加されます。アバターの場合は、Tencent ドメイン名をリクエスト リストとダウンロード リストに追加し、wx.getImageInfo( を使用するだけです。 ) をローカルにキャッシュし、成功したコールバックがキャンバスに追加されて画像が生成されます。のように
    2025-01-28
  • キャンバス学習ノート: 単純なパスの描画

    キャンバス学習ノート: 単純なパスの描画

    1 線分 (直線パス) 線分を描画するための一般的な手順: moveTo(x,y) 指定した座標点 (x,y) にブラシを移動します lineTo(x,y) 直線を使用して現在の端点を接続しますおよび指定された座標点 (x,y) のストローク() は、現在の線描画スタイル 2 に従って現在または既存のパスを描画します。 2 長方形のパス描画
    2025-01-28
  • 同じドメイン名の下にない画像リソースによって引き起こされるキャンバスのクロスドメイン汚染の解決策

    同じドメイン名の下にない画像リソースによって引き起こされるキャンバスのクロスドメイン汚染の解決策

    背景画像と動的に生成された QR コードを含む画像を描画したいと考えています。背景画像はプロジェクト自体の静的なリソースであり、QR コードはサーバーによって動的に生成されるという前提があります。同じドメイン名ではありません。解決策: すべての画像を同じドメイン名にリダイレクトします: let count = 0; let bgImg = do
    2025-01-28
  • HTML5 における画像の放物線運動に関するいくつかの考えについての簡単な説明

    HTML5 における画像の放物線運動に関するいくつかの考えについての簡単な説明

    オブジェクトや画像が放物線、より正確にはベジェ曲線に沿って移動するのは一般的であり、これは H5 開発における一般的な要件であるため、設計草案に基づいて移動経路をいかに迅速に計算するかが開発者にとっての最初の課題となります。 H5 開発で一般的に使用される設計ドラフトのサイズは 640 * 1008 であるため、このサイズに基づく解決策のアイデアは次のとおりです。
    2025-01-28
  • 要素画像のミラー反転アニメーション効果をキャンバスに実装する方法

    要素画像のミラー反転アニメーション効果をキャンバスに実装する方法

    1. ここをクリックして、キャンバス画像の水平ミラー反転効果をプレビューできます。キャンバス画像の水平ミラー反転アニメーションのデモ ページで画像をクリックすると、アニメーション効果が表示されます。 2. Canvas 上での画像ミラー反転の実装。たとえば、CSS で要素の反転効果を実現するには、特定の画像を反転する必要があります。
    2025-01-28
  • html5階層化画面適応方式

    html5階層化画面適応方式

    デザインは素晴らしいです。今回は実際に設計草案に基づいています。なぜなら、今ではどのマシンも設計草案によれば標準的なマシンだからです。 開発者のクラスメートの皆さん、設計草案の注釈を直接読むことができるようになりました。画面適応 画面適応とは、コンテンツ適応領域と画面間隔の間の適応関係を指す必要があります。シングルスクリーンアダプテーションには、含む、カバーまたはフィル、マルチスクリーンアダプテーションが含まれます。
    2025-01-28
  • さまざまな iOS デバイスでの h5 ページの問題概要の詳細な説明

    さまざまな iOS デバイスでの h5 ページの問題概要の詳細な説明

    最近、記事のコメント機能であるミニプログラムの Web ビューに埋め込まれた h5 ページを作成していましたが、その過程で多くの互換性の問題に遭遇し、異なるモデルでのパフォーマンスも非常に不安定だったので、以下の問題をまとめました。 : 後で確認できるように記録します。 1. 日付の問題は yyyy-mm-dd hh:mm:ss です。
    2025-01-28