JqueryjCanvas

jCanvasの基本的な図形や線の描き方は分かってきたのでアンパンマンの顔にチャレンジ。 円と楕円があればとりあえず出来るはずと思いやってみました。 結果、手間がかかる! そしてあまり出来が良くないという結果になりました。 使用したメソッド ...

JqueryjCanvas

ここから少し難しくなります。 正三角形はdrawPoligon()で簡単に描けますが、二等辺三角形やその他の三角形はを描くメソッドはありません。 その場合は、drawVector()を利用します。 2辺の長さと底角が分かっていれば可能です。 ...

JqueryjCanvas

超シンプルなスクリプトで描けてしまいます。 メソッド drawArc()を使います。 基本的な描き方 $('canvas').drawArc({ strokeStyle: '#000', strokeWidt ...

JqueryjCanvas

ほんの少しの記述で正多角形を描画でき、非常に便利です。 メソッド drawPolygon()を使用します。 基本的な描き方 $('canvas').drawPolygon({ fillStyle: '#000 ...

JqueryjCanvas

jCanvasでは色々なメソッドが用意されており、簡単な図形であれば簡単に描画できます。 その中でも基本的な四角形の書き方。 メソッド drawRect() を使います。 基本的な描き方 $('canvas').drawRe ...