Hatena::Groupmoz-addon

there.is.only.memo

 | 

2008-01-09

特定の要素のスクリーンショットをとる

| 01:47

FirebugとかDOMインスペクタでノード選択できるじゃない。あのregionだけスクリーンショットをとるとかできないのかしら。

http://twitter.com/vant/statuses/575317782

data: URL をとってくるまでは、こんな感じにかけます。

function captureElement(aElement)  {
  var win = aElement.ownerDocument.defaultView;
  var width = aElement.offsetWidth;
  var height = aElement.offsetHeight;
  var x = y = 0;
  while (aElement.offsetParent) {
    x += aElement.offsetLeft;
    y += aElement.offsetTop;
    aElement = aElement.offsetParent;
  }

  var canvas = document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas');
  canvas.width = width;
  canvas.height = height;
  var ctx = canvas.getContext('2d');
  ctx.clearRect(x, y, width, height); // 念のため

  ctx.drawWindow(win, x, y, width, height, '#000');
  return canvas.toDataURL();
}

拡張機能の形にしてみました (めちゃくちゃやっつけ)。

同じような拡張機能はたくさんありそう。

2008/03/10 install.rdf 更新

AdeleAdele2011/12/30 22:30There is a critical shortage of inoframitve articles like this.

dhqufxcivudhqufxcivu2012/01/02 03:13vjXUe5 , [url=http://cshxxvyfltul.com/]cshxxvyfltul[/url], [link=http://tcolzjuhtruv.com/]tcolzjuhtruv[/link], http://lvbnfyhwthkf.com/

 |