ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • IE8での比類のないRGBA（）の問題に対する完璧な解決策

    IE8での比類のないRGBA（）の問題に対する完璧な解決策

    RGBA（）は、CSS3の新しい属性なので、IE8以下は互換性がありません。私はついに解決策を見つけました。次のrgbargbaの意味を説明しましょう。RGBA：rは赤を表し、gは緑を表し、bは青、aは透明度を表します。 RGBA（0,0,0 、。
    2025-02-06
  • 一点鎖線枠を実装したhtml2canvasの例

    一点鎖線枠を実装したhtml2canvasの例

    html2canvas は、HTML 要素からキャンバスを生成するライブラリです。描画されたキャンバスのほとんどのスタイルは CSS と一致します。たとえば、1.0.0-alpha.12 の時点では、点線の境界線はまだ実線として描画されており、境界線の崩壊の問題が依然として存在します。ここではgithub issuによると
    2025-02-06
  • html2canvas を使用してページを画像に変換し、canvas2image を使用してダウンロードします。

    html2canvas を使用してページを画像に変換し、canvas2image を使用してダウンロードします。

    以前<a>、インターネット上で download 属性を使用してダウンロードする方法を見つけました。確かに非常に簡単で便利ですが、この方法は IE に対応していないため、別の方法を探すしかありませんでした。 html2canvas を使用してページを画像に変換し、canvas2image を使用してこの例で使用されているバージョン (html2canvas@1) をダウンロードします。</a>
    2025-02-05
  • HTML5 マルチメディアを使用して WeChat 音声機能を実装する

    HTML5 マルチメディアを使用して WeChat 音声機能を実装する

    WeChat などのソーシャル アプリの台頭により、音声チャットは、音声チャットを主な機能として使用するソーシャル アプリから、音声カスタマー サービスや店舗ウェイター機能を備えた e コマース アプリに至るまで、多くのアプリで必須の機能になりました。チャットは欠かせないものになっています。しかし、多くの人は、Web ベースの音声は私たちとは縁遠いものだと感じています。実際には、そうではありません。
    2025-02-05
  • HTML Webページの動的時計を書きます

    HTML Webページの動的時計を書きます

    HTMLを使用して動的なWebクロックを作成すると、コードを以下に示します。<!DOCTYPE html><html><head><meta charset=UTF-8><title>クロック特殊効果</title>
    2025-02-05
  • HTML ページのジャンプとパラメータの受け渡しの問題

    HTML ページのジャンプとパラメータの受け渡しの問題

    HTML ページジャンプ: window.open(url, , width=600,height=400); 2 番目のパラメータ: _self、現在のウィンドウでウィンドウを開きます; _blank (デフォルト値)、別の新しいウィンドウで新しいウィンドウを開きます。 location.href=h
    2025-02-05
  • Adobe Html5 Extension 開発初体験グラフィックチュートリアル

    Adobe Html5 Extension 開発初体験グラフィックチュートリアル

    1. 背景の紹介 アドビは、オーディオおよびビデオ編集、画像処理、グラフィック デザイン、映画およびテレビのポストプロダクション、その他の分野をカバーする幅広いマルチメディア処理ソフトウェア製品ラインを製造しています。ソフトウェアの機能を拡張するために、Adobe はソフトウェアの機能を拡張する 2 つの方法、プラグインと拡張機能を開発者に提供します。
    2025-02-05
  • フロントエンドで弾幕エフェクトを実装する方法まとめ（css3やcanvasの実装方法も含む）

    フロントエンドで弾幕エフェクトを実装する方法まとめ（css3やcanvasの実装方法も含む）

    以前、モバイル宝くじページで宝くじ結果の表示ウィンドウに弾幕カルーセルを表示する必要がありましたが、ここでフロントエンドの弾幕効果を実現する方法をまとめます。 css3 は弾幕の乞食バージョンを実装します css3 弾幕パフォーマンスの最適化キャンバスは弾幕キャンバスを実装します 弾幕 1 の拡張機能 css3 は弾幕の乞食バージョンを実装します
    2025-02-05
  • ローカルフォルダー内の画像を読み込んで表示するHTMLサンプルコード

    ローカルフォルダー内の画像を読み込んで表示するHTMLサンプルコード

    1 つの目的は、HTML 上でローカル フォルダーを選択し、そのフォルダーとサブフォルダー内のすべての画像を自動的に読み取り、ページ上に表示することです。技術分析: HTML のファイル タグによって取得されるパスに問題があります。 HtmlでImgのソースを指定する場合は絶対パスが必要です。解決策: Web API インターフェイス FileReade を呼び出す
    2025-02-05
  • HTML5 キャンバス ウォーターフォール テキスト効果のサンプル コード

    HTML5 キャンバス ウォーターフォール テキスト効果のサンプル コード

    今日は、編集者が Web フロントエンド特殊効果コレクション シリーズの第 13 号を紹介します。クールなエフェクトで遊ぶのが好きな友人は、ぜひご覧ください ~ シェアします。 HTML5キャンバスを使った滝です。流れるようなテキストエフェクトがとてもクールです。関連するコードは次のとおりです。<!doctype html> <h
    2025-02-05
  • キャンバスを使用して線形グラデーションと放射状グラデーションの機能を完成させる方法の例

    キャンバスを使用して線形グラデーションと放射状グラデーションの機能を完成させる方法の例

    fillStyle の 2 番目の使用例は、グラデーション塗りつぶしです。グラデーションカラーは、線形グラデーションカラーと放射状グラデーションカラーに分けられます。線形グラデーション: 大きく 2 つのステップに分かれます。ここでは Canvas の 2 つの新しい機能を使用します。ステップ 1: 新しい関数 createLinearGradient(xstart,
    2025-02-05
  • Canvas にクロスドメイン画像を導入する際の toDataURL() エラーの問題を解決する方法

    Canvas にクロスドメイン画像を導入する際の toDataURL() エラーの問題を解決する方法

    この記事では、Canvas でのクロスドメイン画像の導入によって発生する toDataURL() エラーの問題の解決策を紹介します。詳細は次のとおりです。 [シナリオ] ユーザーが Web ページを開き、 Tencent COS (画像サーバー) 上の画像を要求します。キャンバスを使って描きます。その後、ユーザーは画像を再選択し、トリミングしてアップロードできます。 【質問】写真が先です
    2025-02-05
  • HTML5の入力タイプ日付のデフォルトのスタイルを削除する方法

    HTML5の入力タイプ日付のデフォルトのスタイルを削除する方法

    HTML5 の入力タイプの日付のデフォルトのスタイルを削除する方法については、この記事を通じて詳しく説明します。具体的な紹介は次のとおりです。 2. 日付と時刻のコントロールのスタイルを変更するのは、現在次の 9 つです。日付コントロールの UI を変更できる WebKit 内の要素:::-webkit-datetime-edi
    2025-02-05
  • キャンバスを使用して複数の画像を結合してエクスポートする方法

    キャンバスを使用して複数の画像を結合してエクスポートする方法

    まず、キャンバス描画の基本的なメソッドについて説明します。 const myCanvas = document.createElement(canvas); myCanvas.height = 400;c
    2025-02-05
  • HTML5地理的ポジショニングと第3パーティツールBaiduマップの適用

    HTML5地理的ポジショニングと第3パーティツールBaiduマップの適用

    序文：私は多くの技術的なブログを見ましたが、HTML5の地理的位置を説明しません。 。グーグルは本土になるため、1。
    2025-02-05
前のページ 123456次のページ