CSSのelement()関数

せめてWebKitに実装されてからとか思ってたけど、CSS Image Values and Replaced Content Module Level 3がLast Callになったのでいい機会ということにしてelement()関数についてエントリを書く。element()関数は任意のIDを引数に取ることができ、その要素を画像として参照できるというなかなかの荒業な関数。具体的には画像のサムネイルを簡単に作成できるとかそういうものをイメージするとわかりやすいと思う。 Demo: Filmstrip View いわゆる「フィルムストリップ」のようなものを作るデモだけど、element()はまだFirefox 4以降でしかサポートされていないので、ChromeやSafariなどでは意図した通りに動かない。Firefoxなら下に並んだサムネイルをクリックすると大きな画像が表示される。切り替えやア

[hama_shun]

すごー

[uzulla]

コレヤバい、Flashとかである画像編集系とか色んな事ができる。「FCanvasで死ねってことかー」とか言わないで済むな。あーFlashの外堀埋まってるなー。

[tyage]

なんぞ

[edo_m18]

element関数はほんと期待だなぁ。

[kkeisuke]

lement()関数は任意のIDを引数に取ることができ、その要素を画像として参照できる

[field_combat]

IDを渡すと該当要素を画像として参照する。canvasとかsvgはいけるのかな。便利そう。