Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTML5は、Flash / Silverlightのビデオの側面のみを置き換えますか？

Flashは、アニメーションにすばらしいGUIと多くの視覚的機能を提供します。これにより、ユーザーは、マルチメディアやその他の種類のアニメーションであるメインスコープを使用して、ブラウザー内にラップされたブラウザーに完全に統合することなく、特定のプラットフォーム内ですべてを構築できます。

HTML5要素のは、JavaScriptを使用してグラフィックを描画するための簡単で強力な方法を提供します。グラフの描画、写真の構図の作成、または単純な（それほど単純ではない）アニメーションの作成に使用できます。

これは、幅と高さの2つの特定の属性に加えて、id、name、classなどのすべてのコアHTML5属性を持つ単純な要素です。

<canvas id = "mycanvas" width = "100" height = "100"></canvas>

現在、Canvasが主に検討されており、Flashは時代遅れです。 Canvasを使用すると、図形のアニメーション化、拡大縮小、変換などを行うことができます。


  1. IEでHTML5キャンバス要素を使用するにはどうすればよいですか？

    excanvasを使用 Internet Explorer（IE）でHTML5キャンバスを使用するためのJavaScriptライブラリ。 excanvas ライブラリはアドオンであり、古いIEブラウザ（IE7-8）にHTML5キャンバス機能を追加します。Firefox、Safari、Opera 9は、2Dコマンドベースの描画操作を可能にするcanvasタグをサポートしています。 ExplorerCanvas 同じ機能をInternetExplorerにもたらします。 IEでHTML5キャンバス要素を使用するには、HTMLファイルと同じディレクトリにExplorerCanvasタグを

  2. @fontfaceを使用してHTML5<canvas>にテキストを描画することは最初は機能しません

    @ font-faceを介してロードされた書体を使用してキャンバスにテキストを描画すると、最初はテキストが正しく表示されません。これは、ブラウザがまだネットワークからフォントをロードしていないためです。したがって、すでに利用可能なフォントを利用します。 フォントを使用する前に、フォントのロードを完了する必要があります。これは、タグを使用して確認できます。フォントが使用可能であり、他の要素がプリロードされていることを確認したい場合は、タグを使用してこれを行うことができます <div style="font-family: PressStart;"></di