Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

タグ

html5に関するm_uchinoのブックマーク (5)

  • さまざまな図形を描く - Canvas - HTML5.JP

    Canvasでは線を引くだけではなく、さまざまな図形を描くためのメソッドを用意しています。このコーナーではCanvasで利用できる図形描画のいくつかをご紹介します。 矩形(長方形) 先ほどのコーナーでは、線を引くことで矩形を描きましたが、一発で矩形を描くメソッドがあります。 ctx.fillRect(x, y, width, height) 塗りつぶした矩形を描きます。x, yには矩形の左上端の座標を、widthに矩形の横幅を、heightに縦幅を引数として与えます。 ctx.strokeRect(x, y, width, height) 矩形を描きますが、枠線のみとなります。引数はfillRectメソッドと同じです。 ctx.clearRect(x, y, width, height) 矩形を削除します。削除された部分は透明になります。引数はfillRectメソッドと同じでです。 それぞ

  • Apocripha.net [Web] HTML5でFlashを使わずにグラフを描いてみよう( canvas, jQuery + jqPlot )

    [Web] HTML5でFlashを使わずにグラフを描いてみよう( canvas, jQuery + jqPlot ) 以前にグラフを使うところで、amCharts というものをご紹介したかと思います。 [Web] Flash で綺麗なグラフを表示できる amCharts がなんか使い勝手よさげ 実際に使うとこんな↓感じです。 [政治] 発足から1年間の内閣支持率の推移をグラフにしてみた で、私自身、Webでこういうグラフィカルなグラフを動的に作るとするなら こういう Flash を使った形で、データをXMLなりCSVテキストなりで渡してやる形で ウッドボール(きまり)だろうと思っていたのです。 が、ご存じのとおり iPhone/iPad が、Webにアクセスする端末として 無視できなくなってきた以上、Flash でいいじゃん! こち亀でいいじゃん! とばかりも言ってられなくなってきました

  • HTML5 基礎知識 - web探検隊

    HTML5を書くための基礎知識をメモHTML5の雛形XHTML5ではなくてHTML5のマークアップについて html> head> title>HTML5 基礎知識title> meta charset="UTF-8"> head> body> body> html> HTML5の新要素 文章構造に関するものsection汎用的なセクション。文章のアウトラインを構成する。articleセクションの一種で、Webページから独立したコンテンツを表す。asideセクションの一種で、外側のセクションに対する補足情報を表す。navセクションの一種で、外側のセクションに対するナビゲーションメニューを表す。footerセクションのフッター。headerセクションのヘッダー。hgroup複数の見出し(h1-h6)をまとめる。 外部コンテンツの埋込みfigureキャプションを伴うような内容のものを文章中に埋

  • ニコニコ動画をHTML5で見るbookmarklet - saiten@blog

    性懲りも無くニコニコネタです。 iPadでも結局Flashが搭載されなかったこともあって、最近Flashの代替手段としてHTML5がやけに押されているので、ものは試しでニコニコ動画のFlashプレイヤーをHTML5で構成したプレイヤーに置き換えるbookmarkletを作ってみました。iPhone/iPadのvideoタグの動作がマシになってれば、iPhone/iPad上でも動くかもってな期待込みで。 使い方は、下記のbookmarkletをニコニコ動画の再生ページ(http;//www.nicovideo.jp/watch/*)上で実行するだけです。実行すると標準のFlash製プレイヤーを、HTML5+javascriptで構成したプレイヤーに置き換えます。 javascript:(function(){var e=document.createElement("script");e.s

    ニコニコ動画をHTML5で見るbookmarklet - saiten@blog
  • 【WidgetPad】Flash要らない、HTML5ってすごい。。。簡単な1件を作ってみました。。 : インド人ゲーマーのガジェットライフ

    インド人ゲーマーのガジェットライフ Game & Gadgets : Sony NEX/iPhone/iPad/Android/PSP/PS3ニュースなんでも Simplism iPhone 3G/3GS用 クリスタルカバー TR-CRCOIPシリーズ SHIELD iPhone 3G/3GS用シェルカバー ブラック ストラップホール付 iPhoneではFlashが利用できない。パフォーマンスなどを理由にされておりますけど反面iPhoneのSafariでHTML5のCanvasが実装されております。 Canvasはいろんなグラフィック系のオペレーションできるHTML5仕様の優れもの!最近Cydget系いろいろリリースさせていただきましたがCanvasを利用したものがほとんど。。。 数ヶ月前Canvasを使ったもWidgetをiPhoneアプリでリリースできるものをApp storeにリリー

    【WidgetPad】Flash要らない、HTML5ってすごい。。。簡単な1件を作ってみました。。 : インド人ゲーマーのガジェットライフ
  • 1