HTML5 canvas -その3- | LayOut blue
今回はcanvasで描画したグラフィックに色やスタイルの指定と、テキストの描画方法をご紹介致します。スタイルの指定は、色、グラデーション、パターンが指定できます。そのため、画像を使わずとも角丸のグラデーションボタンなども描画出来るようになります。 塗りつぶしのスタイル canvasに描画したグラフィックのメソッド、『stroke()』、『strokeRect()』、『fill()』、『fillRect』などはそれぞれ『strokeStyle』、『fillStyle』プロパティでグラフィックの色、スタイルを指定できます。 ・CSSカラー ・グラデーション(CanvasGradient) ・パターン(CanvasPattern) CSSカラー 色の指定方法はCSS3の方法をすべて使用することができます。（詳細はこちら）また、なにも指定しなかった場合は黒く塗りつぶされます。 例：赤の指定 st
JavaScriptの基本
1.HTMLファイル内にJavaScriptを記述する方法 次のように<script>～</script>内に記述する。 <script language="JavaScript"> JavaScriptの命令 </script> 2.JavaScriptでの行の記述 行の区切りとして ; （セミコロン）を用いる。命令の途中で改行することは可能である。 3.JavaScriptでのデータ 数値データと文字列データが利用でき、数値データとして10進数、8進数、16進数を使うことができ る。8進数は先頭に0、16進数は先頭に0xを付けることで表す。負数の場合は、先頭に -（マイナス） を付ける。大きい数値や小さい数値の場合は、eまたはEを使って記述することもできる。 1.23e5 または 1.23E5 ←→ 1.23×105 ←→ 123000 1.23e-10 または 1.23E-10 ←→
iPhone向けwebアプリを作ってみる-タッチイベント、ジェスチャーイベントに関するまとめ-
こんにちは。普段からiPhoneを愛用している橋本です。 最近、「せっかくiPhone持ってるんだし、iPhone向けのアプリ作ってみようかしら？」と思い立ったのですが、iPhoneのネイティブアプリを作るには、"Objective-C"と、"cocoa Touch"というiPhone/ipodTouch向けのフレームワークを理解する必要があり、また、自分で開発したアプリを実機に入れて動かしてみるには、そこそこの費用と各種手続きが必要だったり（iPhoneエミュレータ上で動かす分には問題ないのですが…）と、何かと大変です。 「何かもっと手軽にiPhone特有の機能を活かしたアプリを作る方法はないかなぁ。。」と考え、思い立ったのがWebアプリ。Webアプリなら、今までの知識＋αでアプリを作成することが出来るのではないかと。そこで、今回から数回に渡ってiPhoneとjavascriptを使って
CSS3 の Transition を JavaScript と連携させるときのメモ - 8th713 Log
はじめに今回は Google Chrome と Safari に限った話。他のブラウザはしりません。検証に使ったバージョンは win 版の Google Chrome 6.0.495.0(Official Build 56152) devSafari 5.0.1(7533.17.8)です。また CSS のプロパティに関してはベンダープレフィックスは記事上では省いていますが実際のCSSではちゃんとプレフィックス付きで書いています。 サンプルTransition and webkitTransitionEnd Event - jsdo.it - share JavaScript, HTML5 and CSS hover 擬似要素や JavaScript からのインラインスタイル変化などが起きたときその変化をアニメーションで表現する仕組みです。 サンプルコードではクリックしたときクラスを付けたり
JavaScriptによるCSSの操作 | 暴満館 ～The House of full Violence～
またFirefoxは短縮形で取得しようとすると、設定していないプロパティにデフォルト値が入った状態で返ってくるので注意する。 getStyleValue( "div.hoge", "background" ) //Mozilla : rgb(17, 34, 51) none repeat scroll 0% 0% ルールを削除する {#deleteRule} function deleteRule( index, sheetindex ) { if( sheetindex == undefined ) sheetindex = 0; document.styleSheets[ sheetindex ].deleteRule( index ); } 全てのルールにはインデックスが振られており、それを指定することでルールから消すことができる。 ただ、同じセレクタで上書きするのとほとんど変わらな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
