Hatena::ブログ(Diary)

ラシウラ このページをアンテナに追加 RSSフィード Twitter

2011-02-05

HTML5 Canvasにベジエでトランプのマークを書くJS

ベジエの例は、ハートマーク以外はあまりみないのでスペードクローバーも書いてみました。HTML5 canvas 2d場合、Text APIUnicodeの♡♢♤♧をつかうという手もありますね。

f:id:bellbind:20110206124014p:image

図形データは、各ベジエ曲線[始点, 始点の制御点, 終点の制御点, 終点]の配列で半分だけ用意し、連続で書くようにしています連続描画させるので終点と次の始点は同じになります

はてなユーザーのみコメントできます。はてなへログインもしくは新規登録をおこなってください。

トラックバック - http://d.hatena.ne.jp/bellbind/20110205/1296918358
リンク元
Connection: close