Webをキャプチャして変換するツール
GrabzItのオンラインコミュニティ

画像のスケーリングはどのように機能しますか?

ほとんどの場合、撮ろうとしているスクリーンショットはブラウザ上で縮小されていますが、より大きくエクスポートしたいです。 要素の高さと幅がウェブページ上にあることを示すためにbheightとbwidthの値を使用し、必要な幅と高さの値(同じアスペクト比になります)を渡します。 場合によっては、高さが高さより2-4倍大きくなり、画像が非常にぼやけてしまいます。

キャプチャしようとしているdiv内のすべての要素は、サイズの100%より大きく拡大されていません。 したがって、たとえば、divのbwidthは300pxである可能性があり、900px幅としてエクスポートする必要があります。 そのdiv内のすべての画像は300pxより大きく表示されませんが、実際の幅は1000pxです。 画像が1000px幅であることを考えると、900px幅であっても問題ありませんが、実際には300xにズームされた3px幅の画像のようにぼやけています。

また、その画像のテキストはぼやけています。

いくつかの質問:

-私は何か間違ったことをしていますか?

-Grabzitはどのようにスケールアップしますか? 300pxワイド(上記の例)でスクリーンショットを撮り、その後拡大しますか? または、最初にHTMLから要素をスケーリングしてから、スクリーンショットを返しますか?

-HTMLを変換したいことを達成する唯一の方法は、すべての高さと幅の値が必要なスケールで増加することですか?

DataURIでConvertHTMLメソッドを使用しています

ありがとうございます。

24 9月火曜日、2019 01:01:51 PMにGrabzItサポートから質問

使用に関する情報 HD画像はこちらでご覧いただけます。

hdパラメーターと-1 widthを使用する必要があり、これにより画像のサイズが2倍になります。

幅を使用して正確なサイズを設定することはお勧めしません。 さらに、高さを設定すると、画像がズームされ、高さが賢明に呼び出され、画像がぼやけます。

HD画像は、ブラウザウィンドウをズームしてスクリーンショットを作成することで機能します。

24 9月火曜日、2019 01:09:41 PMにGrabzItサポートが回答

ありがとう。 問題は、HDが2Xのみをスケールアップすることであり、場合によってはそれ以上が必要になることです。 スケールを設定するHDのような設定を行う方法はありますか? そうでない場合、私がやろうとしていることを達成する別の方法がありますか?

今のところ、私が望むものを達成するための唯一の方法は、HTMLをキャプチャし、javascriptを使用してすべてのインラインスタイルの高さと幅を調整し、必要なスケールの高さと幅に置き換えることであるようです

感謝

24 9月火曜日、2019 01:16:53 PMにCorey Alderinが回答

幅を使用して独自のズームを設定できますが、高さを-1に設定して、画像の長さを変更しないようにする必要があります。

24 9月火曜日、2019 01:20:35 PMにGrabzItサポートが回答

しかし、私も高さのサイズを変更したいです。 そのため、画面に300x300の画像があり、900x900としてエクスポートしたい場合、高さを-1に設定すると、900x300画像になります。

24 9月火曜日、2019 01:46:18 PMにCorey Alderinが回答

はい、申し訳ありませんが、高さの設定に関しては正しいです。

幅の設定によるズームは現在壊れているようです。 これを修正するためのケースを提起しました。

24 9月火曜日、2019 03:03:45 PMにGrabzItサポートが回答

教えてくれてありがとう。 これらのタイプのものがどれくらい時間がかかるか考えていますか? タイムラインを与えるのは難しいことは知っていますが、タイミングの感覚は私にとって役立つでしょう。

24 9月火曜日、2019 03:33:33 PMにCorey Alderinが回答

うまくいけば翌日かそこらに。

24 9月火曜日、2019 03:34:40 PMにGrabzItサポートが回答

すごいですね、ありがとう。

24 9月火曜日、2019 04:34:51 PMにCorey Alderinが回答

この問題は修正されました。

24 9月火曜日、2019 08:52:49 PMにGrabzItサポートが回答

素晴らしい、これに迅速に取り組んでくれてありがとう。 これはすぐに終わりますか、それとも時間がかかりますか? 私が尋ねる理由は、私がそれをテストしたばかりで、同じように見えるからです。

再度、感謝します

24 9月火曜日、2019 09:15:10 PMにCorey Alderinが回答

試したところ、幅がブラウザの幅よりも大きい場合にズームが機能します。

24 9月火曜日、2019 09:27:47 PMにGrabzItサポートが回答

修正されたものを誤解しているのかもしれません。 私は同じdivをテストしていますが、ブラウザーのサイズは異なります。 ブラウザーが小さければ小さいほど、最終画像はまったく同じですが、よりぼやけます。

つまり、1000px x 1000pxになる最終的なイメージがあります。 ブラウザーのdivが800x800、600x600、400x400などであり、bwidth / beightが小さいほど(または最終的な幅/高さまでの拡大率が大きいほど)最終画像がぼやけている場合にテストしました。

bwidth / bheightが800x800のときに画像がきれいに見える場合、画像が400x400のときに同じように見えるべきではありませんか?

感謝

24 9月火曜日、2019 09:35:51 PMにCorey Alderinが回答

HDは、画像のサイズを2倍にするだけで最良の結果が得られるため、推奨されます。

修正により、幅がブラウザの幅よりも大きい場合にズームが実際に実行されるようになりました。

幅と高さを使用している場合、最適な結果を得るには、ブラウザーの寸法に応じて幅と高さを2倍または3倍にする必要があります。 これは、残念ながらズームが割合ではなくレベルで機能するためです。 そのため、幅の違いから計算されるズーム率は、サイズの単純な要因でない場合はあまり正確ではないレベルに変換する必要があります。

24 9月火曜日、2019 10:01:47 PMにGrabzItサポートが回答

場合によっては、2Xのサイズではなく正確な寸法が必要になるため、HDは使用できるものではありません(何か不足している場合を除きます)。 場合によっては、2X以上のものが必要です。

あなたが言っていることを理解しているかどうかを見てみましょう。 200x200のHTMLがあり、最終サイズを900x900にしたいとします。 それは4.5 xサイズです。 これを800x800または1000x1000(4Xまたは5xサイズ)としてのみ作成すると最良の結果が得られると言っていますか?.5xの違いが不鮮明さの原因です。

これが正しい場合、最良の解決策はHTMLを送信する前に操作することですか? 基本的に、正しいサイズのHTMLを作成する必要があり、ズームは必要ありませんか?

感謝

24 9月火曜日、2019 11:14:50 PMにCorey Alderinが回答

はい、ズームが大きくなるとレベルが大きくなるためです。

したがって、x2、x3、またはx4以外のズームは、寸法がオフになるため不正確になります。また、潜在的なズームレベルは10個しかないため、最大X5に相当すると考えます。

25 9月水曜日、2019 05:40:03 AMにGrabzItサポートが回答