高解像度(HD)または網膜のスクリーンショットを作成したい場合があります。 これらの高解像度のスクリーンショットは解像度が高くなっていますが、サイズが大きくなると遅くなり、さらに遅くなります。このため、大きすぎる画像を作成しないことをお勧めします。 そのため、スクリーンショットをレンダリングする機会を与えるために、おそらく遅延も指定する必要があります。
次のコードは、HDパラメーターをtrueに設定して、各言語で高解像度のスクリーンショットを作成する方法を示しています。 これにより、画像の幅と高さが2倍になり、標準のスクリーンショットの解像度が4倍になり、高解像度の画像が作成されます。 しかし、それは逆生産的です 幅と高さを-1以外に設定します これにより、画像が再び縮小されるためです!
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.bbc.co.uk",
{"hd":1,"width":-1,"height":-1}).Create();
</script>
左側は標準のスクリーンショットの例、右側は上記のコードで作成された高解像度のスクリーンショットです。両方のスクリーンショットの高さは同じです。
画像の解像度を正確に設定する
ブラウザの幅よりも大きい幅を指定することで、さまざまなサイズの高解像度のスクリーンショットを作成することもできます。 次に、GrabzItはブラウザをスケーリングして、画像の拡大を停止します。 ただし、この方法で高解像度のスクリーンショットを作成するときに取得した測定値 不正確ですこのため、このモードでは、フルスクリーンのスクリーンショットが常に完全にサイズ変更または拡大縮小されるわけではありません。
この方法を使用して正しくスケーリングされた高解像度画像の作成に問題がある場合は、元のブラウザの寸法のx2、x3またはx4の画像の幅と高さを使用してみてください。
このモードは、要素をターゲットにするときにも正しく機能しません。 要素をターゲットにする場合は、上記のようにHDパラメーターを設定することをお勧めします。