ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • キャンバスピクセル製図板の実装コード

    キャンバスピクセル製図板の実装コード

    最近のプロジェクトでは、小さなピクセル グリッドを消去したり、フレーム選択の色を変更したり、さまざまなグラフィックを消去したりできる、ピクセル スタイルの描画ボードを実装したいと考えています。このような小さなプロジェクトは単純に見えるかもしれませんが、多くの機能が含まれています。もの。ピクセル グリッドを描画するには、最初にピクセル グリッド サブクラス Pixel = function (option) { this を定義します。
    2025-01-18
  • システムのフォント サイズに合わせて Web アプリのフォント サイズをスケーリングするサンプル コード

    システムのフォント サイズに合わせて Web アプリのフォント サイズをスケーリングするサンプル コード

    最近、私は外部ネイティブおよび内部 WebView ネストされた H5 ページを使用したハイブリッド開発である Web アプリ プロジェクトに取り組みました。フロントエンドはvueで開発し、適応はflexible+remで行います。当初はすべて問題ありませんでしたが、リーダーは、顧客の中には高齢でフォントがはっきりと見えない人もいると述べ、Web フォントがシステムに従うことを望んでいました。
    2025-01-18
  • Webアプリページのスクロールが固まる場合の解決策を詳しく解説

    Webアプリページのスクロールが固まる場合の解決策を詳しく解説

    モバイル ブラウザーが現在のページをスクロールする (ページをズームすることもある) と、デフォルトの動作がブロックされ、ページが強制的に静止したままになり、その結果、ユーザー エクスペリエンスが低下し、ページをスクロールするときに一時停止したような感覚が生じます。より具体的な説明: touchstart イベント オブジェクトの cancelable 属性が true、つまりデフォルトであるため、
    2025-01-18
  • HTML ページの部分更新の実装コード

    HTML ページの部分更新の実装コード

    イベント応答の更新: リクエストがある場合にのみ更新します。 1. JS HTML DOM または jQuery を通じて HTML 要素を取得し、DOM メソッドまたは jQuery メソッドを通じてページ イベントを監視し、ユーザー リクエストを取得します。 2. Ajax を通じてサーバーにユーザー リクエストを送信します。サーバーは処理後に戻ります。その結果、データは Ajax によって受信されます。
    2025-01-18
  • HTML5 マルチスレッド (Web ワーカー)

    HTML5 マルチスレッド (Web ワーカー)

    HTML5 については、新鮮な機能や興味深い API がたくさんあります。しかし、多くの子供向け靴は依然としてセマンティック段階に留まり、HTML5 の力を無視しています。このセクションでは、マルチスレッド Web ワーカーについて説明します。 1. JavaScript がシングルスレッド Java であることを明確にする
    2025-01-18
  • h5 はキャンバスを使用してジェスチャのロック解除を実現します

    h5 はキャンバスを使用してジェスチャのロック解除を実現します

    はじめに: 私は最近、クロスプラットフォーム開発を実現するために apicloud を使用したアプリ プロジェクトに取り組みました。今度は、このアプリにジェスチャ (9 マスのグリッド) ロック解除機能を追加する必要があります。apicloud には、すでにいくつかのサードパーティ製のネイティブ実装されたジェスチャ ロック解除プラグインがあります。ネイティブのパフォーマンスが優れているため、呼び出すのが便利ですが、それに対抗することはできません。
    2025-01-18
  • 変換行列によるキャンバスの拡大縮小機能の詳細説明

    変換行列によるキャンバスの拡大縮小機能の詳細説明

    この記事では主に、キャンバスの変換行列を設定することでキャンバスの拡大縮小を実現する方法を紹介します。最初のステップは、マウス ホイール イベントをリッスンすることです。ホイール イベントでは、マウスのスクロールと前の変換に基づいて、コンテキストのズームと変換がリセットされます。 コア コードは次のとおりです。 .d
    2025-01-18
  • キャンバス描画テキストコンテンツの自動行折り返しの実装コード

    キャンバス描画テキストコンテンツの自動行折り返しの実装コード

    プロトタイプの要件: タイトルの文字数が動的で、最大 2 行まで表示できる招待状ページを作成する必要があります。2 行を超える場合は、2 行目の末尾に省略記号が追加されます。内容の。プロダクトガールの性格によると、今後4行の設定が変更される可能性が高いので、ここでハードコードしないようにする必要があるということで、数日前に実際にお願いしました。最大 4 行を表示するように変更します。その他は変わりません。製品の女の子
    2025-01-18
  • ドメイン間でキャンバスから画像をエクスポートするための N 姿勢のロック解除の概要

    ドメイン間でキャンバスから画像をエクスポートするための N 姿勢のロック解除の概要

    この記事では、クロスドメイン キャンバスにエクスポートされた画像のロックを解除するための N の姿勢の概要を紹介します。詳細は次のとおりです。 Uncaught DOMException: HTMLCanvasElement で toDataURL の実行に失敗しました: Tainted c。
    2025-01-18
  • Html5 で百度地図アプリを呼び出す方法

    Html5 で百度地図アプリを呼び出す方法

    最近、ハイブリッド開発を必要とする要件を引き継ぎました。これは、フロントエンドが h5 で完了した後、ページを ios に埋め込み、Baidu Map の地図ナビゲーションを使用する必要があります。具体的な機能ポイントは次のとおりです。 Baidu Map が携帯電話 (iOS、Android) にインストールされている場合は、ナビゲーション ボタンをクリックして Baidu Map アプリを起動します。それ以外の場合は、Baidu Map アプリを開きます。
    2025-01-18
  • キャンバス上に増分アニメーションを備えた円形のプログレスバーを実装する方法

    キャンバス上に増分アニメーションを備えた円形のプログレスバーを実装する方法

    いつものように、写真を見てください！その効果は次のとおりです：高精細な大きな画像！長年コーダーとして働いていますが、老眼で目が暗くなり、アニメーションがよく見えません。 ！次に、静的なスクリーンショットを見てください。 ！ ！スコアの違いによる効果は以下の通りです。 セラーズショーを見た後は、商品の製造工程を見てみよう！キャンバスは Vue でリング 1 を描画します。<template lang=pug>内部のコードは次のとおりです。
    2025-01-17
  • FireFox上で画像合成を使用してSVGを描画するCanvasのバグの詳細な説明

    FireFox上で画像合成を使用してSVGを描画するCanvasのバグの詳細な説明

    この記事は、キャンバス描画、グラフィックス、およびフロントエンドの視覚化に興味がある読者に適しています。ウェッジ すべてのものには原因があります。最近ではグラフィックを染色するといった機能も製品に求められています。考えてみれば、これは簡単にできることではありません。私はすでにグラフィック染色の技術を勉強しました。そこで、以前に書いた 2 つのアルゴリズムを
    2025-01-17
  • データ:Blob アップロード バックエンド メソッドへの画像データ URL ファイル

    データ:Blob アップロード バックエンド メソッドへの画像データ URL ファイル

    キャンバスによって取得された画像や WeChat 開発 SDK によって返された画像などの一部のシナリオは、それらをサーバーにアップロードしてから変換する必要があります。 dataURL を Blob に変換//base64 を blobdataURItoBlob(dataURI
    2025-01-17
  • window.openがブラウザにインターセプトされる場合の解決策の詳細な説明

    window.openがブラウザにインターセプトされる場合の解決策の詳細な説明

    最近、プロジェクトに取り組んでいるときに、window.open がブラウザによってブロックされるという状況に遭遇し、人々を非常に落ち込ませました。ページは自分の環境で公開することはできますが、ユーザーにとっては、それを通過する必要はありません。傍受。さらに、傍受が発生した場合、多くの初心者は何が起こったのか全くわからず、ブロックされたページのどこを見ればよいのかわかりません。
    2025-01-17
  • Canvas を介して HTML を Base64 に変換する方法

    Canvas を介して HTML を Base64 に変換する方法

    H5 マーケティング活動では、ユーザーが共有または保存できるように画像が生成されることがよくあります。この場合、2 つの解決策があります。 1 つは、バックエンドで画像を生成し、表示用の画像アドレスをフロントエンドに返す方法です。もう 1 つは、フロントエンドで表示用の画像をマージして生成する方法です。この記事では、このソリューションのデモを主に説明します。<!--生成后存放的IMG-->
    2025-01-17
前のページ 67891011121314次のページ