ページ 102-H5 チュートリアルプログラミングチュートリアル: H5 チュートリアルオンラインで学ぶ-php.cn

Article Tags

ホームページ

技術記事

ウェブフロントエンド

H5 チュートリアル

CSS border-image を使用してジグザグ形状を実現します

この記事では主に CSS ノコギリ波に関する知識を皆さんに紹介し、参考と学習のために共有します。詳細な紹介を見てみましょう。

Aug 05, 2017 pm 12:56 PM

border-image 锯齿形样式表

HTML5 の基本 SVG チュートリアル

SVG は Scalable Vector Graphics の略で、Web 用のベクターベースのグラフィックを定義するために使用され、XML 形式を使用してグラフィックを定義します。 SVG 画像は、グラフィック品質を損なうことなく拡大またはサイズ変更できます。さらに、SVG は World Wide Web Consortium の標準であり、DOM や XSL などの W3C 標準と統合されています。 2003 年 1 月に、SVG 1.1 が W3C 標準として確立されました。他の画像形式と比べて SVG を使用する利点は次のとおりです。

Aug 04, 2017 pm 01:44 PM

HTML5 h5 基础

グラフィックを描画するための HTML5 キャンバス

1. HTML5 の <canvas> 要素はグラフィックの描画に使用され、スクリプト (通常は JavaScript) を通じて実行されます。 2. <canvas> タグは単なるグラフィックコンテナであり、グラフィックを描画するにはスクリプトを使用する必要があります。 3. Canvas を使用してパス、ボックス、円、文字を描画したり、画像を追加したりするには、さまざまな方法があります。

Aug 04, 2017 pm 01:24 PM

Canvas HTML5 h5

xhtmlとhtmlの違いは何ですか？

1. xhtml と html の違いは何ですか? HTML は基本的な WEB ページ設計言語であり、XHTML は XML に基づくマークアップ言語です。主な違いは、XHTML 要素が正しくネストされている必要があることです。 XHTML 要素は閉じている必要があります。タグ名には小文字を使用する必要があります。 &

Jul 27, 2017 pm 04:24 PM

试题端面

html5アニメーションでの読み込み待ちアニメーションの共有例

この記事では、HTML5アニメーションにおける読み込み待ちアニメーションの共有例を詳しく紹介していますので、参考にしてみてくださいね～。

Jul 27, 2017 pm 04:20 PM

html5 h5 加载

H5エディタの核となるアイデアの分析例

コードと機能は、chrome49 でテストした場合に有効です。テキストレンダリングの本質は、テキストノードのレンダリングです。選択された開始点と終了点は、ブラウザの組み込みオブジェクト Range var range = getRangeObject();var start = range.startOffset,end = range.endOffset; を通じて取得できます。 var startContainer = range.startContai

Jul 27, 2017 pm 03:50 PM

html5 编辑器龙卷风

サーバープッシュイベントの詳細な紹介

サーバー送信イベントは、サーバーがイベントとデータをクライアントに送信する WebSocket プロトコルに基づく一方向通信です。現在、Internet Explorer を除くすべての主要なブラウザがサーバー送信イベントをサポートしています。 2333...WebSocket プロトコルは、HTTP プロトコルに続くサーバー/クライアント通信プロトコルです。クライアントがサーバーに応答を要求する HTTP の単純な一方向通信モードとは異なり、サーバーとクライアント間の双方向通信をサポートします。

Jul 26, 2017 pm 06:08 PM

Server-sent HTML5 服务器

h5 の新機能と Web ページのレイアウト例

HTML5 の新機能: 1. 互換性 2. 合理性 3. 効率 4. セキュリティ 5. 分離 6. 簡素化 7. 汎用性 8. プラグインなし HTML5 の構成: 1. WHATWG2.W3C3.IETF HTML5 の機能: Canvas、チャネルメッセージ送信、クロスドキュメントメッセージング、地理位置情報、MathML、マイクロデータ、サーバー送信イベント、Scala

Jul 26, 2017 am 09:39 AM

HTML5 h5 学习

キャンバスのスクラッチオフに関するチュートリアルの例

今日は、前の記事の宝くじゲームと組み合わせて、キャンバスを使用して小さなゲーム、スクラッチオフを作成しました。まず、canvasを使って幅と高さが200pxのキャンバスを作成します。次に、span タグをキャンバスに配置します。効果は次のとおりです。次に、canvas タグを取得し、配列を定義し、canvas を使用してこの部分をカバーする灰色の四角形を描画します。効果は次のとおりです。キャンバスを使用して透明な円を作成します。マウスを移動すると、キャンバス上の灰色のレイヤーがクリアされ、下のテキストが表示されます（1 位）。 ...

Jul 25, 2017 am 09:37 AM

canvas 教程实例

HTML5学習ルート分析

私は約 8 年間 Web に取り組んできました。今日は、HTML5 開発をしたい初心者向けに、HTML5 でできること、その将来の開発、そして教える必要のない体系的な学習計画について簡単に説明します。現時点で HTML5 がどれほど人気があるかがわかります。他の多くの業界が HTML5 開発への移行を望んでおり、HTML5 テクノロジは今後も成熟し続けており、主要なブラウザは常に最新の HTML5 テクノロジと互換性があります。 HTML5は人々の生活を変えるものと言われています。そして現在、HTML5 の競争も非常に激しいので、私は...

Jul 25, 2017 am 09:29 AM

HTML5 h5 分析

カメラを呼び出して写真を撮影し、HTML5 で画像を圧縮する方法の詳細な例

この記事では主に、H5 がカメラを呼び出して写真を撮影し、画像を圧縮するサンプルコードを紹介します。編集者が非常に優れていると考えたので、参考として共有します。編集者をフォローして見てみましょう。

Jul 24, 2017 pm 03:08 PM

html5 h5 相机

H5ローカルストレージインスタンスの詳細説明

保存できるもの: 配列、json データ、画像、スクリプトスタイルファイル、2 つのクライアント側ストレージ: 1.localStorage 時間制限なしのデータストレージ () メソッド: .localStrage.getItem();localStrage.setItem();localStr

Jul 24, 2017 am 11:11 AM

html5 存储本地

Bootstrap がリモートデータを 1 回しかロードしない問題を解決する

概要: フロントエンドフレームワークブートストラップのモーダルダイアログボックスでは、リモートオプションを使用して URL を指定できます。これにより、ダイアログボックスが最初にポップアップ表示されるときに、このアドレスからデータが .modal-body に自動的に読み込まれます。ただし、ロードされるのは 1 回だけですが、この問題はイベント内で RemoveData() メソッドを呼び出すことで解決できます。 1. ブートストラップモーダルダイアログボックスと簡単な使用方法 1 <div id="myModal" class="moda

Jul 24, 2017 am 11:06 AM

Bootstrap 对话框一次