PhantomJS は、ウェブページを画像ファイルにキャプチャする素晴らしい仕事をしてくれます。rasterize.js に基づくスクリプトを使用しています。
ただし、固定サイズの特定の Web 要素の場合、Web 要素のサイズと一致する結果の画像が必要です。
たとえば、次のようなページがあります。
<html>
<body>
<div id="wrapper" style="width:600px; height:400px;">
Content goes here...
</div>
</body>
</html>
この例では、600x400 のサイズの画像を生成するために必要です。ラスタライズしているページの Web 要素に基づいてビューポート サイズを動的に取得する方法です。
これが簡単ではないことはわかっています... アイデアはありますか?
ありがとう