現在位置:ホームページ > 技術記事 > ウェブフロントエンド > H5 チュートリアル

  • wxcanvasに関するおすすめコンテンツ
    wxcanvasに関するおすすめコンテンツ
    テスト用の電話は IPHONE6、開発者ツール バージョン 0.10.102800 です。WeChat アプレットのキャンバスは、多くの点で h5 キャンバスと異なります。以下に、私が少しずつテストした役立つ情報をすべて示します。 1.wxcanvas には、h5canvas のような幅と高さの属性や幅と高さのスタイルがありません。フレームとして理解できるスタイルのみがあります。
    H5 チュートリアル 2274 2017-06-15 11:44:40
  • 画像グレースケール関連のおすすめ記事
    画像グレースケール関連のおすすめ記事
    具体的な手順: 1. 収集したカラー ナンバー プレート イメージをグレースケール イメージに変換します。 2. グレースケール イメージにガウス スムージングを使用し、ニュートラル フィルターを実行します。 3. ソーベル オペレーターを使用して、イメージのエッジ検出を実行します。バイナリ画像は、侵食、拡張、オープニング操作、クロージング操作の形態学的組み合わせ変換を受けます。 5. 形態学的に変換された画像に対して輪郭検索を実行し、そのアスペクト比に従ってナンバー プレートを抽出します。 &gt ; 画像のグレースケールを実現するコード grey = cv2.cvtColor(img,&nbsp...
    H5 チュートリアル 1613 2017-06-15 11:28:37
  • 弔事に関するおすすめ記事10選
    弔事に関するおすすめ記事10選
    多くの場合、Web サイトをカラーから白黒に変更する必要があります。たとえば、汶川地震の際には、多くの Web サイトがカラーから白黒にプログラムされていました。そこで、Web ページをカラーから白黒に変更する方法をまとめてみましょう。 to black andwhite: 1 .Web サイトまたは Web ページのインターフェイス全体を白黒とグレーに変更します。CSS コードについては特に説明する必要はありません。Web サイトまたは Web ページを白黒に変更するコードを見てください。 White.###Web ページの白黒コードの外部スタイル **.css ファイルを記述するときは *2 を使用してください。Web サイトを白黒およびグレーに変更する 4 つのコードは、2008.5.12 四川省汶川地震について詳しく説明します。多くの命を奪われたことは残念です。犠牲者に哀悼の意を表します。
    H5 チュートリアル 1980 2017-06-15 11:16:59
  • 撮影に関するおすすめ記事10選
    撮影に関するおすすめ記事10選
    機能説明: ゲームでは、敵の攻撃を避けながら、3 つの異なる鍵を集め、対応するドアを開け、最終的に目的地に到達する必要があります。このゲームは、自社開発の HTML5 ゲーム フレームワーク cnGameJS にも基づいています。 Chromeブラウザでの閲覧を推奨します。エフェクトのプレビュー: 矢印キーで動きを制御し、スペースバーで射撃し、Shift キーでドアを開けます。実装分析: 前回の記事「3D Maze の HTML5 実装」では、3D シーンの効果を放射法によってシミュレートしましたが、この記事ではさらに追加します。
    H5 チュートリアル 2109 2017-06-15 11:13:07
  • おすすめのプロンプトソースコード10選まとめ(集)
    おすすめのプロンプトソースコード10選まとめ(集)
    以下のエディターは、h5 入力ボックス プロンプト + 通常のテキスト ボックス プロンプトを実装する方法に関する記事を提供します。編集者はこれが非常に良いものだと思ったので、皆さんの参考として今から共有します。エディターに従って XML/HTML コードを見てみましょう。コンテンツをクリップボードにコピーします<input id="username" name="username" type="text" pl...
    H5 チュートリアル 2561 2017-06-15 10:57:17
  • ルールに関する簡単な説明と詳細な説明例のチュートリアル
    ルールに関する簡単な説明と詳細な説明例のチュートリアル
    以下のエディターでは、HTML5 タグのネスト ルールについて詳しく説明します [必読]。編集者はこれが非常に優れていると考えているので、これを皆さんと共有し、参考にしてみたいと思います。HTML5 では、<a> 要素の子要素はブロックレベルの要素にすることができます。前のルール。この記事では、HTML5 のタグの入れ子ルールの分類について詳しく紹介します。HTML5 が登場する前は、要素はブロック、インライン、インラインブロックによって区別されることがよくありました。 HTML5では、要素はdisplay属性に従わなくなりました...
    H5 チュートリアル 1562 2017-06-15 10:56:01
  • h5の活用法と解析方法まとめ
    h5の活用法と解析方法まとめ
    HTML5 の video タグとビデオ プレーヤーを模倣するその効果は、一部の携帯電話で広く使用されています。モバイル版は基本的に Flash の独裁を廃止し、HTML5 がマスターとなることを許可しているため、ビデオのサポートが強化されています。そこで今日は、HTML5 とその効果的なプロジェクトへの応用について理解を深めるために、ビデオ プレーヤーをシミュレートする HTML5 ビデオ タグの小さな例を紹介します。 HTML コード<!-- ローカルの ogv オーディオを src に配置します --><video&nb...
    H5 チュートリアル 1674 2017-06-15 10:52:34
  • 一般的に使用される推奨 10 の画像圧縮およびアップロード方法、ダウンロードへようこそ!
    一般的に使用される推奨 10 の画像圧縮およびアップロード方法、ダウンロードへようこそ!
    以下のエディターでは、HTML5 に実装された画像圧縮アップロード機能について詳しく説明します。編集者がとても良いと思ったので、皆さんにもシェアしたいと思います。先ほどの記事で、携帯端末での写真のアップロードについても参考にさせていただきました。写真を撮ると簡単に数メガバイトが必要になります。クライアントは画像を簡単に圧縮してアップロードできますが、アプリケーションは依然としてブラウザで開かれる可能性があります。画像圧縮はどうすればよいでしょうか。以前の PC 上での開発思考の影響を受けて、Nima js はどのようにして操作権限を持つことができるのでしょうか...
    H5 チュートリアル 2187 2017-06-15 10:46:15
  • スイングに関するおすすめ記事
    スイングに関するおすすめ記事
    これも HTML5 Canvas をベースにした 3D アニメーションの傑作で、風になびく 3D の服の揺れアニメーションの特殊効果が非常にリアルです。服の上でマウスをスライドさせると、服が揺れるアニメーションが表示されます。マウスをクリックすると、服がさらに激しく揺れます。オンライン デモのソース コードのダウンロード HTML コード<p style="width:500px;margin:10px auto"<canvas id=&q...
    H5 チュートリアル 1569 2017-06-15 10:46:00
  • 変化におすすめの4つのコース
    変化におすすめの4つのコース
    前のセクションでは、色とピクセルとは何かについて説明しました。実際、ほとんどの場合、ピクセルレベルの操作は必要ありません。必要なのは全体の色を設定することだけです。 1. 基本的な色 HTML5 で遊びながら学ぶ (2) - 基本的な描画では、色の設定に使用できる 2 つのコンテキスト属性があると述べました。現在描画したい色。塗りつぶされた領域の色の値は、CSS3 カラー値標準に準拠する有効な文字列にすることができます。下...
    H5 チュートリアル 1755 2017-06-15 10:45:18
  • ネイティブ ドラッグ アンド ドロップに関連する推奨コンテンツ
    ネイティブ ドラッグ アンド ドロップに関連する推奨コンテンツ
    ドラッグ可能な属性 これまで、HTML5 のネイティブ ドラッグ アンド ドロップに関するいくつかの関連知識を紹介しました。今日は、HTML5 のドラッグ アンド ドロップに関するその他の小さな機能を紹介します。早速、一緒に見ていきましょう。デフォルトでは、リンク、テキスト、画像はドラッグ可能であるため、それらをドラッグするためのコードを記述する必要はありません。他の要素タグをドラッグ可能にしたい場合、それができるのは HTML5 だけです。 HTML5 では、すべての HTML 要素にドラッグ可能属性を指定し、要素をドラッグできるかどうかを示します。リンクや画像のタグ内...
    H5 チュートリアル 1503 2017-06-15 10:33:35
  • おすすめクロスドキュメント特殊効果10選(集)
    おすすめクロスドキュメント特殊効果10選(集)
    HTML5 は、クロスドキュメント メッセージング (Cross-Document Messaging) をサポートしています。メッセージ通信なのでイベントが発生する必要があります。イベントの生成と消費に従って、送信者と受信者、つまり Sender と Listener を見つけることができます。 Litener は次の作業を行う必要があります: メッセージ処理関数を作成し、メッセージ処理関数を登録します: addEventListener('message', function, fal...
    H5 チュートリアル 1598 2017-06-15 10:30:56
  • DOM オブジェクトの入門チュートリアル: DOM オブジェクトに関するゼロベースの推奨入門チュートリアル 10 件
    DOM オブジェクトの入門チュートリアル: DOM オブジェクトに関するゼロベースの推奨入門チュートリアル 10 件
    <canvas></canvas> は、id、class、style などの属性に加えて、高さと幅の属性もあります。 <canvas>> 要素に描画するには、次の 3 つの主な手順があります。 1. Canvas オブジェクトである <canvas> 要素に対応する DOM オブジェクトを取得します。 CanvasRenderingC を取得するには...
    H5 チュートリアル 5476 2017-06-15 10:15:36
  • 定義リストのおすすめコース 10 選
    定義リストのおすすめコース 10 選
    HTML5には多くの基本的なタグがあります。リストタグはWebページ内にテキスト要素をリスト形式で配置できます。リストタグには順序付きリスト、順序なしリスト、カスタムリストの3種類があります。 : <ul type =a>
    H5 チュートリアル 1555 2017-06-15 10:14:37
  • ローカルプレビューに関するおすすめ記事10選
    ローカルプレビューに関するおすすめ記事10選
    この記事では、アップロードされた画像のプレビュー効果を実現するための JS+HTML5 を主に紹介し、JavaScript でアップロードされた画像のローカル プレビューの具体的な操作手順と関連する実装テクニックを完全な例の形で分析します。 JS+HTML5 の画像プレビュー効果のアップロードに関する記事です。詳細は次のとおりです。プロジェクトで、入力タグ ファイル タイプを使用したファイルのアップロードが発生しました。以前の解決策は、最初にファイルをアップロードすることでした。次に、ページに表示されるアドレスを返します。
    H5 チュートリアル 2320 2017-06-15 10:05:00

ツールの推奨事項

jQuery エンタープライズ メッセージ フォームの連絡先コード

jQuery エンタープライズ メッセージ フォーム連絡先コードは、シンプルで実用的なエンタープライズ メッセージ フォームおよび連絡先紹介ページ コードです。

HTML5 MP3 オルゴール再生効果

HTML5 MP3 オルゴール再生特殊効果は、HTML5 + css3 に基づく MP3 音楽プレーヤーで、かわいいオルゴールの絵文字を作成し、スイッチ ボタンをクリックします。

HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果

HTML5 クールなパーティクル アニメーションのナビゲーション メニュー特殊効果は、ナビゲーション メニューにマウスを置くと色が変化する特殊効果です。

jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード

jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コードは、jQuery およびブートストラップ フレームワークに基づいたビジュアル フォームです。

有機果物と野菜のサプライヤー Web テンプレート Bootstrap5

有機果物と野菜のサプライヤー Web テンプレート-Bootstrap5

Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus

Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus

不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5

不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5

シンプルな履歴書情報 Web テンプレート Bootstrap4

シンプルな履歴書情報 Web テンプレート Bootstrap4

かわいい夏の要素のベクター素材 (EPS+PNG)

これは、太陽、日よけ帽子、ココナッツの木、ビキニ、飛行機、スイカ、アイスクリーム、アイスクリーム、冷たい飲み物、浮き輪、ビーチサンダル、パイナップル、巻貝、貝殻、ヒトデ、カニを含む、かわいい夏の要素のベクター素材です。 、レモン、日焼け止め、サングラスなど、素材は JPG プレビューを含む EPS および PNG 形式で提供されています。
PNG素材
2024-05-09

4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)

これは、2023 年卒業バッジの赤いベクター素材で、合計 4 つがあり、JPG プレビューを含む AI、EPS、PNG 形式で利用できます。
PNG素材
2024-02-29

歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材(AI+EPS)

これは、さえずる鳥と​​花でいっぱいのカートをデザインした春のバナー ベクター素材で、JPG プレビューを含む AI および EPS 形式で利用できます。
バナー画像
2024-02-29

金色の卒業帽ベクター素材(EPS+PNG)

これは、JPG プレビューを含む EPS および PNG 形式で利用できる、金色の卒業帽のベクター素材です。
PNG素材
2024-02-27

室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート

家の装飾のクリーニングとメンテナンス サービス会社の Web サイト テンプレートは、家の装飾、クリーニング、メンテナンス、その他のサービス組織を提供するプロモーション Web サイトに適した Web サイト テンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

フレッシュカラーの個人履歴書ガイドページテンプレート

フレッシュカラーマッチング個人求人応募履歴書ガイドページテンプレートは、フレッシュカラーマッチングスタイルに適した個人求人検索履歴書仕事表示ガイドページWebテンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

デザイナーのクリエイティブな仕事の履歴書 Web テンプレート

デザイナー クリエイティブ ジョブ履歴書 Web テンプレートは、さまざまなデザイナーのポジションに適した個人の職務履歴書表示用のダウンロード可能な Web テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

現代のエンジニアリング建設会社のウェブサイトのテンプレート

最新のエンジニアリングおよび建設会社の Web サイト テンプレートは、エンジニアリングおよび建設サービス業界の宣伝に適したダウンロード可能な Web サイト テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。