ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • html5アプリ共有機能呼び出し例（WebViewJavascriptBridge）

    html5アプリ共有機能呼び出し例（WebViewJavascriptBridge）

    編集者は、h5 モバイル アクティビティ ページを作成し、ページ コンテンツをクリックして iOS と Android を取得し、ユーザーが記録していない共有機能 (WeChat、WeChat Moments、QQ、QQ Space などを含む) を開発するというリーダーシップ タスクを受け取りました。ログイン後にのみ共有できます。共有が成功すると、クーポン機能の付与リクエストを開始できます。以下は参考のために得られた経験です。
    2025-01-27
  • WeChatミニプログラム「サンタハット」の実装アイデアを詳しく解説

    WeChatミニプログラム「サンタハット」の実装アイデアを詳しく解説

    この2日間で、友人たちの周りにはサンタ帽があふれ、この小さなプログラムに関する噂を反論する人も出てきた。製品の観点から見ると、これは間違いなく非常に成功していますが、技術的な観点から見ると、それは確かに当たり前のことであり、創造性が非常に重要です。アイデアについて簡単に説明します。アバターを取得し、Canvas でアバターを描画し、Canvas で帽子を描画し、調整します。
    2025-01-27
  • シンプルなキャンバス迷路ゲームを素早く実装する例

    シンプルなキャンバス迷路ゲームを素早く実装する例

    まえがき (最近、デザインパターンに少し夢中になっていて、ずっと純粋な JS と向き合うのは少し退屈です -_-。そこで、気分を盛り上げるために面白いことを書きました) さて、canvas は新しいものではありませんが、日常業務ではあまり使われないので、今日は簡単なキャンバス迷路の実装方法を紹介します。この例は「html」からのものです。
    2025-01-27
  • HTML5 キャンバスでテキストを自動的に折り返すサンプルコード

    HTML5 キャンバスでテキストを自動的に折り返すサンプルコード

    この記事では、キャンバス描画プロセス中のdrawTextの行折り返し問題を解決する方法を紹介します。まず、キャンバス上にテキストを描画するときに誰もが遭遇する問題を見てみましょう。150*​​100のキャンバスに境界線を追加して境界線を明確にします。
    2025-01-27
  • html5 と APP の混合開発で遭遇する問題の概要に関する簡単な説明

    html5 と APP の混合開発で遭遇する問題の概要に関する簡単な説明

    背景: 社内でネイティブ APP と h5 の混合開発プロジェクトに参加しました。私はプロジェクトの h5 部分を担当しました。具体的な問題 問題 1: ページ スクロール バー。問題 問題の説明 Web ページは PC ブラウザーにあります。インターネットでの閲覧時にはスクロール バーがありますが、モバイル ブラウザーを開いた場合には、スクロール バーの解決策がありません。
    2025-01-27
  • Canvas は高次ベジェ曲線 (N 次ベジェ曲線ジェネレーター) を実装します。

    Canvas は高次ベジェ曲線 (N 次ベジェ曲線ジェネレーター) を実装します。

    最初に書きました ネイティブ Canvas は 3 次ベジェ曲線までしかサポートしていないため、複数のコントロール ポイントを追加したい場合はどうすればよいですか? （最も複雑な曲線でも、3 次ベジェを使用してシミュレーションできます。）同時に、ベジェ制御点の位置を直感的にどの程度設定して曲線を形成できるかを明確に理解することは困難です。欲しいですか？精神的に
    2025-01-27
  • html5.2ダイアログの詳細な紹介

    html5.2ダイアログの詳細な紹介

    2017 年 12 月 24 日に、HTML5.2 標準が固まりました。これは、モバイル端末が HTML5.3 の計画段階に入ったことを意味します。HTML5.2 は固まりましたが、いくつかの新しい内部仕様はまだモバイル ブラウザでサポートされていません。ここでは、標準に新たに含まれる一般的に使用されるラベルを見てみましょう。
    2025-01-27
  • Canvasの手書き署名を利用してhtml5に保存する実装方法

    Canvasの手書き署名を利用してhtml5に保存する実装方法

    最近同社は、次のようにキャンバスの線描画機能とモバイルのタッチイベント js 部分を組み合わせた署名機能に取り組んでいます。 window.onload = function() { new lineCanvas({ el: document.
    2025-01-27
  • HTML5 における記事とセクションの違いの詳細な分析

    HTML5 における記事とセクションの違いの詳細な分析

    コンテンツ ブロックとは、HTML ページを論理的に分割する単位を指します。ページ型 Web サイトの場合、ナビゲーション メニュー、記事本文、記事コメントなどの各部分をコンテンツ ブロックと呼ぶことができます。 Article 要素は、外部から独立して参照できる、ドキュメント、ページ、またはアプリケーション内の独立した完全なコンテンツを表します。それは可能です
    2025-01-27
  • HTML5が携帯電話のコードスキャン機能を公開とそのメリットとデメリット

    HTML5が携帯電話のコードスキャン機能を公開とそのメリットとデメリット

    1. 解決された問題: 1. カメラを呼び出して QR コードをスキャンし、Weibo クライアントで解析できます。 2. QR コードをスキャンして、ネイティブ ブラウザと WeChat クライアントで解析できます。 2. 利点: Web クライアントまたはh5 端は QR コードのスキャン作業を直接完了できます。 3. 欠点: 画像が鮮明ではなく、解析に失敗しやすい (画像をスキャンするために写真を撮るには、レンズを QR コードから離す必要があります)。
    2025-01-27
  • Canvas 要素の HTML サイズと CSS サイズが要素の外観に及ぼす影響の簡単な分析

    Canvas 要素の HTML サイズと CSS サイズが要素の外観に及ぼす影響の簡単な分析

    発生した問題: html/11467.html">canvas 要素が変形する原因。DOM 要素には、style サイズ、html サイズ、css サイズの 3 つのサイズがあります。canvas 要素を使用する場合、デフォルトの幅と高さは、 Canvas 要素のデフォルトのサイズは 300px * 150px です。
    2025-01-27
  • HTML ページにクリックしてダウンロード ファイルを実装する 2 つの方法

    HTML ページにクリックしてダウンロード ファイルを実装する 2 つの方法

    1.<a>タグを</a>使用して<a href=/user/test/xxxx.txt download=文件名.txt>クリックしてダウンロードを</a>完了すると、ユーザーがブラウザを開いてリンクをクリックすると、ファイルが直接ダウンロードされます。ただし、txt、png、jpg、その他のブラウザがサポートしているなどの状況があります。
    2025-01-27
  • DIVのフォーカス外れ（ブラー）の実装方法

    DIVのフォーカス外れ（ブラー）の実装方法

    マウスを外したときに DIV が消えるようにアンチシェイクを使用します。 div タグ自体は onblur イベントをサポートしていないため、ボタンをクリックしたときにポップアップする div については、div がフォーカスを失ったときに消えるようにします。 、これは onblur を使用して達成することはできません。ただし、onmouseout と events を使用すると、DIV がフォーカスを失って消えるようにすることができます。
    2025-01-27
  • モバイルページで垂直画面を強制する方法

    モバイルページで垂直画面を強制する方法

    最近、仕事でモバイル ページを作成しました。最初は何もありませんでしたが、これまでに見たことのないような要件がありました。しかし、そのページは APP に配置されていました。横向きの場合、このページを開く Web ビューも水平画面で表示されます (最新バージョンのアプリは垂直画面の Web ビューで開きます)。
    2025-01-27
  • Webページ画面録画の実装

    Webページ画面録画の実装

    以前のコメントを読んだ後、事前に説明していなかったことに気づきました。この記事は、いくつかの同様のコードライブラリを読んで、実行可能であると思われる解決策のセットであると言えます。将来的にはオープンソースになるので、私が見逃していた詳細を補うことができます。これを学習テキストとして使用し、運用環境では注意して使用してください。アプリケーションに問題がある場合は、画面を記録してエラー シナリオを再現します。
    2025-01-27
前のページ 12345678次のページ