<svg>と<div>を重ねて表示しているのですが、画面表示通り、まとめて画像取得するにはどうすれば良いでしょうか？

指定エリアに、下記タグを重ねて表示しています
・<svg>
・<div>

質問
・画面表示されている内容を、(何らかのスクリプト経由で)そのまま画像取得する方法はあるでしょうか？
※可能なら範囲指定したいけれども、画面単位でもOK

試してみたけどうまくいかなかったライブラリ
・html2canvas … 片方しか取得できない
・canvg … 片方しか取得できない

2016/05/21 11:12

もう少し何がしたいのか具体的に書いていただけますか？ svg要素に図形要素があり、div要素に何らかの画像（img要素）が入っているのかbackground-image等で指定しているのか？画像取得と書いてありますが、html2canvasは画面をキャプチャするライブラリですよね？画像として保存したいのでしょうか？また、「片方」とはsvg要素、div要素どちらでしょう？

re97

2016/05/21 12:01 編集

・最終的にやりたいことは「http://qiita.com/wakufactory/items/8a0cf4ffdd52936f7469」の、(可能なら範囲指定した)画面を画像として保存したいです。

manabufukai

2016/05/21 15:16

最終的なかたちについてはありがとうございます。しかし、こちらがした質問にもお答えいただいたうえ、それらを質問文へ追記願います。また「タグを重ねて」だけではそれらの要素がどうなっているのか（どちらが上なのか）も回答側には分かりません。試された状態の該当部分のhtmlとcssコードくらいは必要ではないかと思います。