W większości przypadków zrzut ekranu, który próbuję zrobić, jest zmniejszany w przeglądarce, ale chcę go wyeksportować jako większy. Korzystam z wartości bheight i bwidth, aby wskazać, jaka jest wysokość i szerokość elementu na stronie, a następnie przekazać żądaną wartość szerokości i wysokości (która będzie miała ten sam współczynnik kształtu). W niektórych przypadkach wysokość jest 2-4 razy większa niż wysokość, co powoduje, że obraz jest bardzo rozmazany.
Jednak wszystkie elementy wewnątrz div, które próbuję uchwycić, nie są powiększane o więcej niż 100% ich rozmiaru. Na przykład, przepustowość div może wynosić 300px i chcę, aby wyeksportował jako szerokość 900px. Wszystkie obrazy w tym div są wyświetlane nie większe niż 300px, ale ich prawdziwa szerokość to 1000px. Biorąc pod uwagę, że obraz ma szerokość 1000px, nie powinien mieć problemu z szerokością 900px, ale wygląda na rozmazany, jakby to był naprawdę szeroki obraz 300px, który jest powiększony 3x.
Ponadto tekst na tym obrazie jest rozmazany.
Kilka pytań:
- Czy robię coś źle?
- Jak skaluje się Grabzit? Czy robi zrzut ekranu o szerokości 300 pikseli (w moim przykładzie powyżej), a następnie skaluje go w górę? A może najpierw skaluje moje elementy z HTML, a potem zwraca zrzut ekranu?
- Czy jest jedynym sposobem na osiągnięcie tego, co chcę przekonwertować HTML, aby wszystkie wartości wysokości i szerokości były zwiększane o żądaną skalę?
Korzystam z metody ConvertHTML z DataURI
Dzięki.