ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • キャンバスを使用して線形グラデーションと放射状グラデーションの機能を完成させる方法の例

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

    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
  • HTML5でチェックイン機能を実装

    HTML5でチェックイン機能を実装

    ユーザー サインインの H5 例を紹介します (css+jquery、画像なし) インターネット上にあるユーザー サインインの例は、多くの画像で構成されているか、冗長な部分が多いかのどちらかです。コードがあるので、サインインインターフェイス（モバイル端末）を特別に作成しました。ユーザー署名サンプルページ
    2025-02-04
  • HTMLでJavaScriptインスタンスコードを使用します

    HTMLでJavaScriptインスタンスコードを使用します

    <script>标签在HTML5中script主要有以下几个属性：async，defer，charset，src，type，async（可选）：　　关键词：异步脚本，外部文件，立即下载；　　当标签中包含这个属性时会立即下载脚本（外部文件），
    2025-02-04
  • ピアツーピア チャットのサンプル コードの HTML5 WebSocket 実装

    ピアツーピア チャットのサンプル コードの HTML5 WebSocket 実装

    昨日、HTML5 WebSocket と Tomcat を使用して複数人チャットを実装しました。これは最も単純で最も基本的なものですが、注意すべきは開発環境です。もちろん、これは jdk1.7 と tomcat8.063 を満たしている必要があります。も働きます！今日は国慶節の最終日なので、残業してコーディングを続けなければなりません。嬉しい
    2025-02-04
  • キャンバス上に描画するときに発生するクロスドメインの問題の詳細な説明

    キャンバス上に描画するときに発生するクロスドメインの問題の詳細な説明

    キャンバスに外部リンク画像を描画すると、クロスドメインの問題が発生します。例は次のとおりです。<!DOCTYPE html><html lang=en><head><meta charset=UTF-8><title>クロスオリジン
    2025-02-04
  • HTML5 でよくある 6 つの間違いを避ける方法

    HTML5 でよくある 6 つの間違いを避ける方法

    1. div の代わりにセクションを使用しないでください。タグを使用するときによくある間違いの 1 つは、HTML5 のタグをランダムに置き換えることです。<section>に相当<div>・具体的には、そのまま交換用（スタイリング用）として使用します。 XHTML または HTML4 では、次のようなコードがよく見られます。
    2025-02-04
  • 入力完了を検知して次の内容を自動記入するHTMLの実装方法

    入力完了を検知して次の内容を自動記入するHTMLの実装方法

    前回は入力完了の検出を実装しましたが、これを基にさらに一歩進んで入力完了の検出を実現します。完了し、次の内容が自動的に入力されます。コンテンツを自動的に入力する必要があり、変更されたくない場合は、readonly 属性を追加する必要があります。機能要件の償還書類に記入する場合、記入する必要があるのは次のとおりです。
    2025-02-04
  • CSS3は、基本的なグラフィックス、ラウンド、楕円形、三角形などを描きました。

    CSS3は、基本的なグラフィックス、ラウンド、楕円形、三角形などを描きました。

    CSS3ラウンド＃css3-circle {150px;
    2025-02-04
  • HTML空のリンクの役割について話してください

    HTML空のリンクの役割について話してください

    エアリンク：ターゲットエンドポイントへのリンクはありません。<a href=#>コンテンツのフォーマットディスプレイコンテンツ</a>空の接続1。ホームページとして設定します
    2025-02-04

  • 简介拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在HTML5 中，拖放是标准的一部分，任何元素都能够拖放。先点击一个小例子：在用户开始拖动<p>要素を実行するときにJavaScriptを実行します
    2025-02-04
  • Canvasを使用して画像を圧縮するHTML5のサンプルコード

    Canvasを使用して画像を圧縮するHTML5のサンプルコード

    2日前、画像をbase64に変換してアップロードする機能を作成しました。画像のbase64が大きすぎるとリクエストが非常に遅くなり、深刻なタイムアウトになることがわかったので、画像を圧縮することを考えました。これにより、キャンバスを使用して画像を圧縮するときに発生するいくつかの問題が発生します。
    2025-02-04
前のページ 154155156157158159160161162次のページ