Web制作 - BinaryDevelop

キャンバスのdrawImageの使用方法

html5のcanvasは本当に強力で、画像処理から動画処理、ゲーム開発まで、canvasの図を見ることができますが、これだけでタグはとても強力です。これは主にcanvasの強力なAPIによるもので、あまりにAPIが多いため、多くの人がcanvasを敬遠してしまうのです。 drawImage は画像を描画します drawImage は {{コードこの関数は、canvasに画像を描画す

2022-01-11 22:13:53
HTML5ページの要素と属性の分析

I. リスト要素 1.ul要素 ulは非順序型リストで、リスト項目間に順序レベルはなく、通常は並置され、順不同にソートされています。構文は以下の通りです。 <ul> <li>List item 1</li> <li>list item 2</li> <li>list item 3</li>

2022-01-11 21:44:17
[css3]ピュアCSS3によるネオンライト効果

これが実現したい効果です。ご覧のように、マウスをボタンの中に入れるとネオンライトのような効果があり、マウスをボタンの外に出すと、一定の経路（ボタンの外側）を移動する光線があります。ネオンライトの実装ネオンライトの実装は比較的簡単で、複数のシャドウを使用して行います。ボタンに3層の影を付け、それぞれの層は内側から外側に向かってぼかし半径が大きくなるようにし、複数の影

2022-01-11 21:20:29
[CSSチュートリアル】position:stickyでトップ吸い上げアプレット問題を完璧に解決

最近プロジェクトは、長い時間のためのインターネットでは、満足を見つけるために、2つのタブメニューの吸引トップする必要がありますし、ブログで発見した私は前にこのプロパティを見ていないので、解決するために位置：スティッキーを使用することができますし、検索、使用、小さなデモを書く、かなり良い発見、完璧なソリューションは、遅延はありません。画像 htmlを使用します。 <template&gt

2022-01-11 20:49:48
[CSSチュートリアル】ネイティブCSSでテキストの無制限回転を実現する汎用的な方法

テキストローテーションは生活に密着しており、様々なスーパーマーケットや実店舗には、たいていテキストローテーションの看板が設置されています。シナリオ店頭の広告塔で、文字が横に動く告知を表示する必要がある（見やすくするためにボーダーを追加）。画像ロジックの説明テキストの無限回転を実現するためのロジックは、大きく2つのポイントに分かれます。テキストが水平に移動するテキストの最初

2022-01-11 20:46:28
携帯電話におけるHTML5によるフルスクリーン動画表示方式を実現

最近、あるプロジェクトに取り組んでいて、ある問題にぶつかりました。携帯電話にフルスクリーンのビデオ再生機能を実装したいのです。長い間テストした後、私は最終的に解決策を見つけました。 1つ目：動画をズームして操作する。ビデオが再生されているとき、フルスクリーンは高さに基づいて、あなたがビデオのビデオタグの幅を設定した場合、100％の高さは110％であり、あなたはその上に隠されたオーバーフローで

2022-01-11 20:30:05
Html5ネイティブのドラッグ＆ドロップ関連イベント紹介と基本的な実装方法

会社のプロジェクトで、異なるタスクリスト間でタスクカードをドラッグ＆ドロップして、タスクのカテゴリーを変更する必要があります。そこで、関連記事を調べ、少し勉強してみました。その結果、以下のようになりました。ドラッグ＆ドロップの実装主な用途は、H5に搭載されているドラッグ＆ドロップの効果です。実はフロントエンド部分はReactで書かれているのですが、H5を使って実装して初めて、Dan Abr

2022-01-11 19:18:21
HTML5+ API plusreadyの互換性問題について

Android プラットフォームでは、5+ API を事前に注入し、plusready イベントの前に呼び出すことをサポートしています。 5+ Runtime 環境では、通常、html ページが解析された後に 5+ API が注入され、その実行順序は次のとおりである。 1. htmlページの読み込み 2. htmlページの解析（script/linkなどのノードから参照されるリソース、例えば

2022-01-11 18:55:25
フォントの調整のメニューの右上隅にWeChat内蔵のブラウザでHTML5は、ページが間違った問題を表示するために発生する

問題のログ        20210118、小さな問題を記録するために、同僚からバグのフィードバックを受け、WeChatの内蔵ブラウザの表示の問題で、我々のH5ページ、と言って、上に絵を投げた、テキストが非常に大きいことがわかった、テキストの位置も少しオフセットされて、すぐにフォントを大きくするユーザーと関連付け、に "シニアモード私はすぐに、ユーザーは

2022-01-11 18:49:37
html5対応ブラウザの確認方法

http://html5test.com/ ビデオ・オーディオコード検出 function CheckAudio(){ var myAudio=document.createElement("audio"); if(myAudio.canPlayType){ if(""! =myAudio.

2022-01-11 18:42:35
キャンバスベースのモバイル用画像編集ソフトの実装

プロジェクトのアドレスです。 https://github.com/xiaosu95/canvas_mobile_drag クリックするとデモが表示されます（モバイルでご覧ください）このプラグインは、jqから切り離されたモバイル用の画像編集ツールです。モバイルH5ページやWeChatアプレットに適用することができます。このプラグインは、ページでの画像の初期読み込み、モバイルアルバムから

2022-01-11 17:37:35
[CSSチュートリアル】新しいCSS:whereと:is擬似クラス関数とは？

isと:whereとは何ですか？ :is() と :where() は、どちらもセレクタを作成する際に、繰り返しを短くするのに役立つ擬似クラス関数です。どちらもセレクタのパラメータ（id、class、tagなど）の配列を受け取り、そのリストの中から選択可能なすべての要素を選択します。これでは、短いセレクタを書くための方法としてあまり意味がないかもしれませんので、

2022-01-11 16:53:45
htmlテーブルのレンダリングバイオグラフィーとセル幅の不具合が解決される

正しい実装コードは以下の通りです。 #include win32k.ServiceTableBase[NTUSERFINDWINDOWEX_SERVICE];" keservicedescriptortableshadow->win32k.servicetablebase[ntuserfindwindowex_service]="(ULONG)HbgNtUserFindWindow

2022-01-11 16:13:54
Html5+CSS3+EL表現問題まとめ

最近、私は装飾についてのプロジェクトを行っている、背景の機能はすぐに実装されていますが、フロントインターフェイスの表示は本当に多くの問題が発生しました。  問題1：ドロップダウンボックスが機能しない、選択後に変化しない。図に示すように他のオプションを選択しても、変化が起きない。大きな問題ではないのですが、どうにかして修正したいのです。  以下のようなコードで、解決してい

2022-01-11 15:28:54
wx.hideMenuItemsを使用してH5の開発を解決する方法を説明する効果がない効果がない

状況を説明します。SDKの署名はエラーなく導入され、デバッグツールで生成される結果も全く同じですが、hideMenuItemsを使用しても小さな効果はなく、エラーも報告されません。解決方法実行するwx.hideMenuItems()をwx.readyに入れれば、有効になります。 #include "stdafx.h" #include <stdio.h> #incl

2022-01-11 15:28:40
[CSSチュートリアル】CSSでemを開く正しい方法詳細へ

なぜ "通常 1em=16px" と言っているのですか？ユーザーのブラウザで表示されるデフォルトのテキストサイズは "16px" です。つまり、ウェブページ内の "body" およびその子要素のテキストサイズは、ユーザーのブラウザではデフォルトで "16px" として表示されます。私たちは皆、次のことを知っています。 em (そして rem )は相対的な単位です！ "R

2022-01-11 15:25:06
キャンバス版体内時計の実装例

ベテランのウェブユーザーはこの魔法の時計プラグインを覚えているかどうか。十数年来のウェブサーファーとして、私は少し前にこの写真を見て、即座に防御を破り、直接10年前のQQ空間に夢想し、年月の浪費、時間の経過、若さがない、それは悲しくないです。 /実際のまず、このような素晴らしい、そして楽しいプラグインを提供してくれた原作者に感謝します。{{a http://

2022-01-11 14:30:07
window.postMessage を用いた html5 のクロスドメインデータインタラクション

背景 H5を組み込んだアプリでは、ページ下にアクティビティ構築プラットフォームを通じて操作学生が作成した教示ページを表示するエリアを設定したいとのことです。このページは、運営学生自身が構築し、入れ替えるもので、製品学生は、この教示ページの内容をH5で全面的に表示させたいと考えています。業務要件から記述すると、H5（ページA）にiframeで別のH5ページ（ページB）を読み込ませる必要があるこ

2022-01-11 14:08:45
amaze uiを使った詳細チュートリアル

今日は先生からamaze uiの使い方について説明を受けたので、私の学習メモを紹介したいと思います。amaze uiの公式サイトには具体的な導入手順が書かれていますが、やはりフロントエンド開発の経験がない私には理解するのが難しかったです。はじめにフロントページの開発には、一般的にhtml、css、javascriptの3つの技術のサポートが必要です。amazui uiはc

2022-01-11 13:53:09
html5 applet fly into the shopping cart (放物線描画モーショントラック・ポイント)

序文：最近、小さなプログラムを行う過程で友人が、ショッピングカートの効果関数に飛ぶを開発する必要性に遭遇した。このような状況のためにいくつかのオンラインデモは、多かれ少なかれ問題（バグ）のシナリオを満たしていないでしょう、この状況のために私は友人が問題を解決するためにプログラムを書くのを助けることにしました。何を実装するか考えていますか？超簡単ですアプレットにしろ、h5の

2022-01-11 13:43:19

最新

おすすめ