2012/08/06前回まで、図やテキストを描いたりしていましたが、今回はもう少しだけ複雑な図を、機能を使って書いてみます。線を描いてみる関数Lineを使えば、自由にラインをひくことができます。stroke:"green"});x軸、y軸をピクセル数でポイントを指定し、そのポイント間に線を引いてくれます。80)の4点が線で結ばれ、一つのラインを描写しています。多角形を描く関数Polygonを使えば、多角形を描くことができます。ポイントの設定はLineと同じです。始点と終点が結ばれるわけですね。stroke:"red"});正多角形を描く正多角形を描く場合には、関数RegularPolygonを使用します。以下は、半径が40pxの八角形です。stroke:"blue"});星を描く関数Starを使えば、簡単に星形の図形を描くことができます。stroke:"black"});このサンプルコードでは角は5つ、凸部分の半径は40px、凹部分の半径は25pxという設定です。その他にも、パスを指定して複雑な図形も描けるようです。これらの図形は組み合わせて描写することもできるので、がんばれば簡易的なグラフィックWebアプリなんてのも作れそうですね。いうより、既にありそう。本書は、実践で即役立つテクニックと開発ノウハウ、つまづきやすい・ハマりやすいポイントを徹底解説した「JavaScriptを利用するWebプログラマ必携の逆引き集」です。JavaScript(ECMAScript)の基本構文や新記法といった基礎的な知識から、オブジェクト指向、組み込みオブジェクト、関数、オブジェクト指向構文、DOM、ブラウザーオブジェクトなどの定石・応用テクニック、開発に役立つツール類まで、著者の経験に基づいた実践の場で必ず役立つノウハウ、レシピを提供します。JavaScriptをいまいち使いこなせていないと感じる方や中級レベルに向けてしっかり足場固めをしたい方、JavaScriptをもっと活用したい方などにおすすめの一冊です。アスキー・メディアワークスWeb制作に必要なjQueryの使い方を効率よくしっかり学べる。2.0など最新のトレンドにも対応。サンプルを100本超提供。1.9対応特製チートシート付き。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。inc.Profileサイト「helog」は私がWeb制作に携わるなかでの経験を中心に記しています。前にも発生したんだよなぁ。」といった無駄な時間を省くことを目的に書き始めました。「へ」の「ログ」です。個人的な技術メモのようなものですが、みなさんの何か役に立つことがあればこの上ないです。