Web & AOR Music Blog

I'm Web Front-End Engineer. I like AOR music.

日曜クラス canvas/jQuery Mobile

HTML5 canvas

1.四角形を書く (fillRect)
rect.html
2.パスで三角形を書く (moveTo, lineTo)
path1.html
3.パスで適当に書く
path2.html

4.ランダムなパス

5.2次ペジェ曲線 (quadraticCurveTo)

http://www.html5.jp/canvas/ref/method/quadraticCurveTo.html

(先端の形の指定)

http://www.html5.jp/canvas/ref/property/lineJoin.html

6.3次ペジェ曲線 (bezierCurveTo)

http://www.html5.jp/canvas/ref/method/bezierCurveTo.html

7.円を書く (arc)
arc.html

http://www.html5.jp/canvas/ref/method/arc.html

8.写真を表示 (drawImage)
img1.html

9.写真をマスクする
img1.html

http://www.html5.jp/canvas/ref/method/drawImage.html

9.写真の一部を表示
img2.html

10.タイマー (setInterval)
setInterval.html

・setIntervalとsetTimeoutとの違い

http://questionbox.jp.msn.com/qa3098199.html

jQuery Mobile

jQUery Mobileのブロックの書き方。
1つの場合はa
2つの場合はb
3つの場合はc
4つの場合はd

data-inset=”true” で丸くなる。

http://dev.screw-axis.com/doc/jquery_mobile/

http://www.jqmgallery.com/

http://jquerymobile.com/demos/1.0/docs/buttons/buttons-icons.html

——-

●卒制 作品

http://meltingpoint.sunnyday.jp/twinkledays/

●素材

http://www.istockphoto.com/

http://ma7.mashupaward.jp/apis?locale=ja

●参考サイト

http://creative-award.yahoo.co.jp/

http://world-cruise2010.com/

http://feed.spfdesign.jp/entries/000022.php

コメントを残す

TrackBack :
http://rasiku.com/blog/archives/288/trackback

Copyright © Web & AOR Music Blog, All Rights Reserve.