userChrome.js を使って SVG ZoomAndPan - hogehoge @teramako
FirefoxにはSVGのズームやパンが実装されていない。 拡張機能ではthe firefox zoom and pan extensionがあるが、この拡張機能は読み込んだデータのContent-Typeがimage/svg+xmlだったら動くと言うもの。XHTML等のXMLアプリケーションとしてSVGが仕込まれていた時は機能しないのだ。 そこが不満だったので作ってみた*1。拡張にするにはちょっとアレな実装なのでuserChrome.js*2に登録。 機能 複数の埋め込まれたSVGに対応している。 Zoom Alt + スクロールすることで拡大・縮小が可能。約1.5倍ずつ拡大・縮小される。 Pan Ctrl + ドラッグでパンとなる。 元に戻す Ctrl + Shift+クリック(マウスダウン)で元に戻る やっていること tabbrowser(id:content)からマウスダウンとスク
Mozilla SVG Project - MDC
はじめに ここに辿り着いたあなたは、SVG とは Scalable Vector Graphics のことであり、それが高度な 2 次元グラフィックのための XML 言語であることはおそらくすでにご存知でしょう。SVG とグラフィックとの関係は、XHTML とテキストや MathML と数式の関係、あるいは CML と化学分子の記述との関係と同じようなものです。 SVG の守備範囲は、Adobe 独自の Flash テクノロジに似ています。例えばアンチエイリアス描画、パターンとグラデーション、高度なフィルタ効果、任意のパスでのクリッピング、テキスト、そしてアニメーションといった機能が提供されています。SVG が Flash と一線を画している点、それは SVG が W3C の勧告 (つまりれっきとした標準) だということ、そしてそれが閉鎖的なバイナリ形式ではなく XML ベースのフォーマ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Opera add-ons
