In de meeste gevallen wordt het screenshot dat ik probeer te maken verkleind in de browser, maar ik wil het exporteren als groter. Ik gebruik de bheight- en bwidth-waarden om aan te geven wat de hoogte en breedte van het element op de webpagina is en geef vervolgens de breedte- en hoogtewaarde door die ik wil (die dezelfde beeldverhouding zal hebben). In sommige gevallen is de hoogte 2-4 keer groter dan de hoogte en dat maakt het beeld erg wazig.
Alle elementen in de div die ik probeer vast te leggen, worden echter niet groter dan 100% van hun grootte vergroot. Dus de breedte van de div kan bijvoorbeeld 300px zijn en ik wil dat deze als 900px breed wordt geëxporteerd. Alle afbeeldingen in die div verschijnen niet groter dan 300px maar hun ware breedte is 1000px. Gezien het feit dat het beeld 1000px breed is, zou het geen probleem moeten zijn 900px breed te zijn, maar het ziet er wazig uit alsof het echt een 300px breedbeeld is waarop 3x is ingezoomd.
Bovendien is de tekst in die afbeelding wazig.
Een paar vragen:
- Doe ik iets fout?
- Hoe schaalt Grabzit op? Maakt het een screenshot met een breedte van 300 px (in mijn voorbeeld hierboven) en vervolgens op te schalen? Of schaalt het eerst mijn elementen vanuit HTML en retourneert het vervolgens de schermafbeelding?
- Is de enige manier om te bereiken wat ik wil om HTML om te zetten zodat alle hoogte- en breedtewaarden worden verhoogd met de schaal die ik wil?
Ik gebruik de ConvertHTML-methode met DataURI
Bedankt.