SVG画像を拡大縮小するBookmarklet

JavaScript

FirefoxではSVG画像を見ることが出来ても、拡大したりは出来ないようなのでかいてみた。
ダイアログが出るので倍率を入力するとよろしい。(1 で等倍)

if (!_ank_last_scale) {
  var _ank_last_scale = 2;
}
var scale = prompt("scale?", _ank_last_scale);
_ank_last_scale = scale;
var svgs = document.getElementsByTagName('svg');
for (var i in svgs) {
  var svg = svgs[i];
  if (svg.tagName) {
    svg.currentScale = scale;
    svg._ank_w = svg._ank_w || svg.width.animVal.value;
    svg._ank_h = svg._ank_h || svg.height.animVal.value;
    svg.width.animVal.value = svg._ank_w * scale;
    svg.height.animVal.value = svg._ank_h * scale;
  }
}

svg.width...を書き換えると、さらにサイズ変わっちゃう場合もあるなぁ。

Firefoxの拡張があった

http://www.treebuilder.de/zoomandpan/index.htm
AltやCtrlキーを押してモード変更。
ズームモード中にホイールでサイズ変更が出来る。
ただし、拡張子がsvgじゃなかったりするとダメだったりする模様。
(Content-type かも)

Greasemonkeyのスクリプト書いた

http://d.hatena.ne.jp/nokturnalmortum/20070503