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年2019月XNUMX日にGrabzItサポートから質問

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

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

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

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

24年2019月XNUMX日のGrabzItサポートによる回答

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

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

感謝

24年2019月XNUMX日にCorey Alderinが回答

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

24年2019月XNUMX日のGrabzItサポートによる回答

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

24年2019月XNUMX日にCorey Alderinが回答

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

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

24年2019月XNUMX日のGrabzItサポートによる回答

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

24年2019月XNUMX日にCorey Alderinが回答

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

24年2019月XNUMX日のGrabzItサポートによる回答

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

24年2019月XNUMX日にCorey Alderinが回答

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

24年2019月XNUMX日のGrabzItサポートによる回答

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

再度、感謝します

24年2019月XNUMX日にCorey Alderinが回答

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

24年2019月XNUMX日のGrabzItサポートによる回答

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

 

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

 

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

 

感謝

24年2019月XNUMX日にCorey Alderinが回答

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

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

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

24年2019月XNUMX日のGrabzItサポートによる回答

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

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

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

 

感謝

24年2019月XNUMX日にCorey Alderinが回答

はい、ズームが大きくなるにつれてレベルが大きくなるので、ほとんどそうです。

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

25年2019月XNUMX日のGrabzItサポートによる回答