忍者ブログ

19Jan

[PR]

Posted by in

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

PAGE TOP△

16Jun

Canvasで図を描く(準備編)

Posted by No Name Ninja in 【Graphics】Canvas

Canvasを使って、図を作成できます。I.E.の場合、Canvasがないのですが、Googleで作成されたExplorerCanvasを使うことで、共通ロジックで動作します。
EXAMPLE
PR

つづきを読む

Comment (0) | Trackback () | PAGE TOP△

13Jun

要素の座標、幅、高さを取得する。

Posted by No Name Ninja in Javascript Sample

obj.style.height、obj.style.widthで高さ、幅を取得する場合、スタイル設定していないと高さを取得することができません。
またborderの太さやpaddingによって影響を受けた長さが入っていないため、実質的な幅、高さとは異なります。
getBoundingClientRect()メソッドは、スタイル設定をしていなくても、テーブルや、画像などあらゆる要素の座標、幅、高さを取得することができます。

DEMO

つづきを読む

Comment (0) | PAGE TOP△

13Jun

画像の右下から位置を指定して配置

Posted by No Name Ninja in Javascript Sample

座標は常に左上から始まりますが、『ウィンドウの大きさに合わせて右下から』という手法です。
SAMPLE

つづきを読む

Comment (0) | Trackback () | PAGE TOP△

12Jun

クェリ文字列で画面の状態を変える。

Posted by No Name Ninja in Javascript Sample

クェリ文字列を読み込んで、画面の表示内容を変える方法です。
普通サーバーサイドでやっちゃうことですが、ブログなどクライアントでしかプログラムができないサイトでは有効な手段だと思います。
SAMPLE

つづきを読む

Comment (0) | Trackback () | PAGE TOP△