[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 ...
[Jquery] jCanvasで描画する。
HTML5でCanvas要素が追加されてしばらくたちます。 特に使い道も思いつかないのですが、前回書いた図形の面積の求め方と合わせてみたらどうかと思い少し調べてみました。 セットアップ まずは以下のサイトからJcanvasをダウンロードしま ...
QRコードを作成できるJqueryプラグイン – [jquery.qrcode.js]
以前に書いた短縮URLについていろいろと考えていたら、なぜかQRコードにたどり着きました。 長ったらしいURLをいろんな床に記載するよりQRコードをポンっと載せてここからアクセスしてね!としたほうが人を呼び込みやすいような気がします。
[Jquery] カラーピッカー Spectrum.jsを使いこなせる風になってみよう
いろいろなWEBページで見かける色を選択できるパレットみたいなやつ。 これがあるとなんかいいサイトって感じがしますね。 ということで特に使う予定も用事もないですが、気になったので使い方を確認してみました。
Jquery toggle 汎用スクリプト
WEBページに情報が多い場合レイアウトをすっきりさせるため、必要に応じて閲覧者が表示/非表示を切り替えられるようにしておきたいこともあります。 あまりWEBサイト作成の経験がないため、それぞれの切り替え要素についていちいちJqueryのスク ...