JqueryjCanvas

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

JqueryjCanvas

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

JqueryjCanvas

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

JqueryjCanvas

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

JqueryjCanvas

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

Jqueryhtml5, 図形, 描画

HTML5でCanvas要素が追加されてしばらくたちます。 特に使い道も思いつかないのですが、前回書いた図形の面積の求め方と合わせてみたらどうかと思い少し調べてみました。 セットアップ まずは以下のサイトからJcanvasをダウンロードしま ...

JqueryQRコード

以前に書いた短縮URLについていろいろと考えていたら、なぜかQRコードにたどり着きました。 長ったらしいURLをいろんな床に記載するよりQRコードをポンっと載せてここからアクセスしてね!としたほうが人を呼び込みやすいような気がします。

Jqueryカラーピッカー, プラグイン

いろいろなWEBページで見かける色を選択できるパレットみたいなやつ。 これがあるとなんかいいサイトって感じがしますね。 ということで特に使う予定も用事もないですが、気になったので使い方を確認してみました。

Jquerytoggle

WEBページに情報が多い場合レイアウトをすっきりさせるため、必要に応じて閲覧者が表示/非表示を切り替えられるようにしておきたいこともあります。 あまりWEBサイト作成の経験がないため、それぞれの切り替え要素についていちいちJqueryのスク ...