rails3 + html5 canvasでお絵かき投稿サイトを作ろう！
はじめましてこんにちは。 KRAYアルバイトの浅海です。 html5のcanvasを使ってお絵かき投稿サイトを作ってみようと思います。 初めてブログ記事を書くということで気合が入りました。 ちょっと長めですがお付き合い下さい。 機能 お絵かき投稿サイトの必要最低限な機能って？ ざっと下のような機能を入れてみます。 絵を描ける 絵を消せる 描画を一回分戻れる 線の太さを変えられる 線の色を変える 絵を投稿できる 投稿された画像の一覧を表示できる → 完成見本はこちら完成見本の公開は終了致しました。 絵を描ける HTML5のcanvasにマウスの軌道に線を引いていくわけです。 canvasでのマウス軌道の描き方は、 ・mousemoveイベント発生時に点をプロット という手段が真っ先に思い浮かぶと思いますが、これは、以下の様になります。 これではお話になりません。 なので、点ではなく線を引くこ
フォーラム - Flex User Group
Bitmapは表示できるようになったのですが、Canvasを使用して指定座標に表示したくなりました。 Bitmap表示すると、左上に表示されてしまいます。 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Panel title="color test" > <mx:Canvas borderStyle="solid" height="306" width="716"> <mx:Button x="100" y="10" label="表示" click="myPhoto()"/> <mx:Script> <
【レポート】けっこうヤミツキな操作感覚 - Web上のボックスをクールに表示する"XRAY" | エンタープライズ | マイコミジャーナル
次期HTMLの標準規格として提案されるべく策定が進められている「HTML 5 Working Draft」だが、同規約にはWebアプリケーションの可能を引き上げる可能性を持った要素「The Canvas Element」が含まれている。The Canvas Element(以下、Canvas)はJavaScriptから直接2Dイメージを描画するための2Dビットマップサーフェス要素。もともとは「Web Applications 1.0 - Working Draft」において規定されてきた要素だが、HTML 5において検討されるようになったことから、将来的にHTML標準の要素になる可能性が出てきた。 Canvasを使うとFlashやJavaを使わなくともWebページにイメージ描画が実現できる。まだ標準仕様になっているわけではないが、すでにFlog.RayTracer Canvas、Color
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
