[jQuery] jCanvasでアンパンマンの顔を描いてみる。
jCanvasの基本的な図形や線の描き方は分かってきたのでアンパンマンの顔にチャレンジ。 円と楕円があればとりあえず出来るはずと思いやってみました。 結果、手間がかかる! そしてあまり出来が良くないという結果になりました。 使用したメソッド ...
[jQuery] jCanvasで三角形を描く(drawVector())
ここから少し難しくなります。 正三角形はdrawPoligon()で簡単に描けますが、二等辺三角形やその他の三角形はを描くメソッドはありません。 その場合は、drawVector()を利用します。 2辺の長さと底角が分かっていれば可能です。 ...
[jQuery] JCanvasで円を描く (drawArc(),drawEllipse())
超シンプルなスクリプトで描けてしまいます。 メソッド drawArc()を使います。 基本的な描き方 $('canvas').drawArc({ strokeStyle: '#000', strokeWidt ...
[jQuery] JCanvasで正多角形を描く (drawPolygon())
ほんの少しの記述で正多角形を描画でき、非常に便利です。 メソッド drawPolygon()を使用します。 基本的な描き方 $('canvas').drawPolygon({ fillStyle: '#000 ...
[jQuery] JCanvasで四角形を描く (drawRect())
jCanvasでは色々なメソッドが用意されており、簡単な図形であれば簡単に描画できます。 その中でも基本的な四角形の書き方。 メソッド drawRect() を使います。 基本的な描き方 $('canvas').drawRe ...