ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • Canvasにベジェ曲線軌跡アニメーションを実装するサンプルコード

    Canvasにベジェ曲線軌跡アニメーションを実装するサンプルコード

    最近実装した下の図の効果を共有したいと思います。下の図の曲線のアニメーションを描きたい場合、毎回それを結ぶ短い線を描くと、下の図のようになります。 5 つのセグメントに分割し、さらに 10 つのセグメントに分割すると、分割するたびに 2 次ベジェ曲線のように見えます。/** * 2 次ベジェ曲線アニメーション* @param {Arra。
    2025-02-04
  • HTML5のキャンバスチャートの例

    HTML5のキャンバスチャートの例

    数日前、私はチャートライブラリを使用しました。次に、Canvasを使用してチャートライブラリを実装します。効果は次のとおりです。主な関数ポイントは次のとおりです。
    2025-02-04
  • 開くときにゆっくりとst音の問題をすばやく解決します[type = file]

    開くときにゆっくりとst音の問題をすばやく解決します[type = file]

    属性ACCPET = image/*入力ラベルタイプでファイルをアップロードするとき、ファイルをアップロードすることであり、ローカルフォルダーを開く速度が特に遅いのはなぜですか?テスト後、Safari、Firefox、Chrome(Opera私は古いフラッシュバックがなぜマックに閉じ込められていないのかわかりません)
    2025-02-04
  • HTML5の新しいラベルは何ですか

    HTML5の新しいラベルは何ですか

    今日は9つの新しいラベルを学びました。<audio>簡単に言えば、彼の主な使用された属性は、SRC =コントロールパラメーターです。
    2025-02-04
  • ゼロからカスタムHTML5プレーヤーのサンプルコードを実装する

    ゼロからカスタムHTML5プレーヤーのサンプルコードを実装する

    この共有は、HTML5ラベルに基づいたカスタムビデオプレーヤーです。その中でも、Pause、Progress Dragging、ボリュームコントロール、フルスクリーンの再生などの機能が実装されています。効果プレビューポイントソースコードウェアハウスを確認します。カスタムプレーヤーを作ることにさらされていない子供の靴がここにとどまると思います。
    2025-02-04
  • HTML5ページでJSONアニメーションを使用する実装

    HTML5ページでJSONアニメーションを使用する実装

    問題の背景 ある日、UI デザイナーが私のところに来て、プログラムで作成したアニメーションを、提供された JSON アニメーションに置き換えるべきだと言いました。その理由は、一部のアニメーションは非常に複雑で、自分で作成すると期待に応えられないためです。効果 (これを書いていて、なぜこのような複雑なアニメーションに gif を使用しないのかという疑問を思いつきました...向かいに座っている Android 開発担当者
    2025-02-04
  • HTML5に基づくJSONおよびECHARTSチャートは、同じインターフェイスに表示されます

    HTML5に基づくJSONおよびECHARTSチャートは、同じインターフェイスに表示されます

    突然、同じインターフェイスにいくつかの異なる知識ポイントを掲載してボックスに入れることができれば、アイデアがあります。したがって、何かを見たい場合は、直接表示できます。このボックスは開くことができなければなりません。エッセンスHTを使用して、100ライン以上のコードで自分のアイデアを実現したため、この効果を達成できるコードはほとんどありません。最初に効果を見てみましょう
    2025-02-04
  • Web標準に準拠したハイパーリンク

    Web標準に準拠したハイパーリンク

    HTML 4.0 Strict と XHTML 1.0 STRICT では<a>、タグ内での target 属性の使用が許可されていません。これは Web デザイナーにとってイライラすることですが、移行仕様ではまだ許可されていますが、この問題は特定の方法で解決できます。 HTM14.0仕様からの質問です。</a>
    2025-02-04
  • キャンバスを使用してオンライン署名を実装する方法のサンプルコード

    キャンバスを使用してオンライン署名を実装する方法のサンプルコード

    コンピュータとネットワーク技術の急速な発展に伴い、オンライン署名技術はペーパーレスオフィスでますます使用されており、この直感的で便利な操作はオフィスの効率を大幅に向上させるだけでなく、デジタルストレージ方式を使用して保存や取得の難しさなどの従来の問題を回避します。紙のサイン。私たちの日常生活では、次のようなオンライン署名テクノロジーが使用される多くのシナリオがあります。
    2025-02-04
  • HTML5キャンバス基本的な描画グラフィックの組み合わせ

    HTML5キャンバス基本的な描画グラフィックの組み合わせ

    <canvas></canvas>ID、クラス、スタイル、その他の属性に加えて、グラフィックを描くコンテナだけに、高さと幅のプロパティがあります。存在する<canvas>>要素には3つの主な手順があります。1。取得<canvas>要素に対応するDOMオブジェクト、これはキャンバです
    2025-02-04
  • Web サイトのホームページのヘッド領域のコードのプロフェッショナル仕様

    Web サイトのホームページのヘッド領域のコードのプロフェッショナル仕様

    ヘッド領域はホームページのHTMLコードを指します。<head>そして</head>間のコンテンツ。 必須タグ 1. 会社著作権注釈<!--- The site is designed by Maketown,Inc 06/2000 --->2. Webページ表示文字セット 簡体字中国語
    2025-02-04
  • HTML Webページにビデオを挿入する小さな方法

    HTML Webページにビデオを挿入する小さな方法

    现在如果要在页面中使用ビデオ标签、需要考虑三种情况、支持ogg theora Chrome)、それらのいずれもありません(IE6
    2025-02-04
  • html5で画像の絶対パスをファイルオブジェクトに変換する方法

    html5で画像の絶対パスをファイルオブジェクトに変換する方法

    この記事では、HTML5 で画像の絶対パスをファイルオブジェクトに変換する方法を紹介し、詳しく説明します。まず、この記事を読んでください。基本的な知識のポイント: 1. HTML5 の FileList オブジェクトとファイル オブジェクトを理解します。 HTML5 では、FileL
    2025-02-04
  • H5メタの概要(フロントエンドで終了)

    H5メタの概要(フロントエンドで終了)

    以下に示すように: <meta name=viewport content=width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no>
    2025-02-03
  • Web 2.0 Web サイトで使用される人気の色要素

    Web 2.0 Web サイトで使用される人気の色要素

    以下は、Web 2.0 Web サイトで現在人気のある 3 つの色要素セットです: ニュートラル光沢のあるシルバー [#EEEEEE]Reddit ホワイト [#FFFFFF]マグノリア Mag.nolia [#F9F7ED]インタラクティブ ac
    2025-02-03