前回はPhoneGapを支える各種APIの紹介と、 jQuery Mobileを用いたメモ帳アプリを実際に作成するところまでを紹介しました。本連載最終回となる今回は、 実機でのテストをするまでの手順と、 Camera APIとHTML5 Canvas、 PhoneGapプラグインを使ったカメラ ...
「HTML5」って何でしょうか？ それは「HTML4」や「XHTML1」の後継となる、便利な機能が増えた次世代のHTMLです。今回は、canvas要素とsvg要素について解説します。canvas要素とsvg要素を使えば、画像ファイルを用意することなく図形を表示できます。 従来、図形や ...
ログインして、InfoQのすべての体験をアンロックしましょう！お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 クラウドコンピューティングの登場以降、ソフトウェア業界は大きな変革の中に ...
前回は、「HTML5＝Flashみたいなリッチなサイトを作ることができる」「HTML4ではユーザーのアテンションを引くような表現は難しかった」など、HTML5によるグラフィックス表現において"ありがちな誤解"について解説しました。 つまるところ、HTML4では実現でき ...
Ajaxianの記事Real World Canvas Tips from Hakim El HattabにおいてHakim El Hattab氏が掲載している記事Thoughts on HTML5 Canvasが紹介されている。これまでFlashを使ってきたデベロッパがHTML5のCanvasを使い始めてからの考察をまとめたもので、これからCanvasを使おうとしているデ ...
ログインして、InfoQのすべての体験をアンロックしましょう！お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 “AI活用”をキーワードに「AIを使い倒し／使いこなす」企業の最前線をお届けし ...
SVGとHTML5 Canvasについて SVGとCanvasは、ウェブ上でグラフィックスを描画するための主要な技術です。 どちらも異なるアプローチを取りますが、両方ともウェブアプリケーションやウェブサイトで豊富な視覚的なコンテンツを生成するために使用されます。
翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...
公式に配布されているデータを使ってPerfumeっぽい棒人間を踊らせまくっているのが「Perfume x Canvas」です。HTML5では「Canvas」というタグを使うことで、HTMLとJavaScriptだけでオブジェクト描画ができるようになっていますが、これを使って3Dっぽく動かしています。
The five characters HTML5 are now an established buzzword, found everywhere on the Web and often given top billing in slides, feature lists, and other places where terms du jour congregate.
使用 HTML5 的 Canvas 製作一個能用滑鼠繪圖的畫布，線條顏色會依據 HSL 色環變化，並且線條粗細會在 1 到 100 像素之間變化。 使用 canvas 的方法 getContext 來取得渲染環境及其繪圖函數，這次我們要製作 2D 繪圖的畫布，故在參數輸入 "2d" 。 let canvas = document ...
一部の結果でアクセス不可の可能性があるため、非表示になっています。
アクセス不可の結果を表示する