Webサイトの特定の要素だけのスクリーンショットを取れる方法は無いですか？

Question

WEBサイトの、特定の要素だけのスクリーンショットを撮る方法は無いでしょうか？

例えば、以下のようなソースが合った場合、

<div id="target">内「だけ」の、画像やテキストのスクリーンショットを取りたいです。 （該当箇所だけをjpg等に画像化する、という意味です）

<div id="hogehoge">
  <img src="http://hogehoge1.com/hoge.jpg" />
  あああああ<br />
  いいいいい<br />
</div>

<div id="target">
  <img src="http://hogehoge1.com/hoge.jpg" />
  あああああ<br />
  いいいいい<br />
</div>

あくまでブラウザの拡張機能を使わずに、
JavaScriptやjquery等で行うことはできないでしょうか？
ライブラリの紹介等でも結構ですので、ご教授いただければ幸いです。

なお、「html2canvas」を試し、まさにやりたいことができたのですが、
残念ながらtext-shadowに対応しておりませんでした。
http://html2canvas.hertzen.com/

何卒よろしくお願いいたします。

Answer 1

誰がそれをするのか、つまりそのサイトと無関係な一般ユーザーがする話なのか、サイトの作成者が利用者の利便性のためにそういう機能を付ける話なのか、どちらでしょうか？
「ブラウザの拡張機能」という語からは前者かと思えるし、「jQuery」「ライブラリの紹介」からは後者に見えるし。

前者なら、HTMLをPCに保存して、必要な編集を行って表示すれば良いのでは？

Answer 2

タグにPHPが入っているので、サーバーサイドでもよろしければ、wkhtmltoimageというレンダリングエンジンもあります。
エンジンはWebkitです。

１．phpで目的のurlのhtmlをロード
２．何らかの方法でbodyタグ内のhtmlをキャプチャしたいもののみにする（DOM操作、正規表現など）
３．<meta>タグの先頭に<base href="目的のURL">タグを埋め込む
４．加工したhtmlをどこかしらに保存
５．wkhtmltoimageをexecする。url指定には加工したローカルhtmlを指定する。
６．保存された画像を返す

うまくいくかは検証していないので分かりません。ごめんなさい。