Hoe werkt het opschalen van afbeeldingen?

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.

Informatie over het gebruik HD-afbeeldingen zijn hier te vinden.

U zou de hd-parameter en -1-breedte moeten gebruiken en dit verdubbelt de grootte van de afbeelding.

Het wordt afgeraden om de breedte te gebruiken om de exacte grootte in te stellen. Bovendien betekent het instellen van de hoogte dat de afbeelding wordt ingezoomd en vervolgens in hoogte wordt geschaald, waardoor de afbeelding onscherp wordt.

HD-afbeeldingen werken door in het browservenster te zoomen en een screenshot te maken.

Bedankt. Het probleem is dat HD maar 2x opschaalt en soms heb ik meer nodig dan dat. Is er een manier voor mij om een ​​instelling als HD te doen, waarbij ik de schaal instel? Zo nee, is er dan een andere manier om te bereiken wat ik probeer te doen?

Vanaf nu lijkt het de enige manier voor mij om te bereiken wat ik wil, is door de HTML vast te leggen en vervolgens JavaScript te gebruiken om alle inline stijlen van hoogte en breedte aan te passen en te vervangen door hoogte en breedte van de schaal die ik wil.

Bedankt

Ok, je kunt je eigen zoom instellen met behulp van de breedte, maar je moet de hoogte instellen op -1 om te voorkomen dat de afbeelding in lengterichting wordt aangepast.

Maar ik wil ook dat de hoogte wordt aangepast. Dus als ik een afbeelding met 300x300 op het scherm heb, maar ik wil dat deze wordt geëxporteerd als 900x900, resulteert het instellen van de hoogte op -1 in een 900x300-afbeelding. 

Ja, sorry dat je gelijk hebt wat betreft het instellen van de hoogte.

Het lijkt erop dat zoomen via het instellen van de breedte momenteel is verbroken. Ik heb een zaak aangevoerd om dit op te lossen.

OK dank je om het te laten weten. Enig idee hoe lang dit soort dingen duren? Ik weet dat tijdlijnen moeilijk te geven zijn, maar elk gevoel voor timing zou voor mij nuttig zijn.  

Hopelijk binnen de volgende dag of zo.

Dat zou geweldig zijn, bedankt. 

Het probleem is nu opgelost.

Geweldig, bedankt dat je hier zo snel aan hebt gewerkt. Is dit iets dat ik meteen aan mijn kant zal zien of zal het even duren? De reden dat ik het vraag, is omdat ik het net heb getest en het lijkt hetzelfde. 

Nogmaals bedankt

Ik heb het net geprobeerd en zoom werkt als de breedte groter is dan de breedte van de browser.

Misschien begrijp ik niet wat er is opgelost. Ik test dezelfde div, maar met verschillende browserformaten. Hoe kleiner de browser, hoe waziger de uiteindelijke afbeelding is, ook al is deze exact hetzelfde.  

Met andere woorden, ik heb een definitieve afbeelding die 1000px x 1000px zal zijn. Ik heb het getest wanneer de div in de browser 800x800, 600x600, 400x400, enz. Is en hoe kleiner de bwidth / bheight (of de grotere schaal tot de uiteindelijke breedte / hoogte), hoe waziger het uiteindelijke beeld is. 

Als mijn afbeelding er geweldig uitziet als de breedte / breedte 800x800 is, moet het er dan niet hetzelfde uitzien als de afbeelding 400x400 is? 

Bedankt

HD wordt aanbevolen omdat het de grootte van de afbeelding verdubbelt, wat de beste resultaten oplevert.

De oplossing betekent dat er nu daadwerkelijk wordt ingezoomd als de breedte groter is dan de breedte van de browser.

Als u de breedte en hoogte gebruikt, moet u de breedte en hoogte verdubbelen of verdrievoudigen enz. In verhouding tot de afmetingen van de browser om de beste resultaten te krijgen. Dit komt omdat zoomlens helaas in niveaus werkt en niet in percentages. Dus elke percentagezoom die wordt berekend op basis van de verschillen in breedten, moet worden geconverteerd naar een niveau dat waarschijnlijk niet erg nauwkeurig is als het geen eenvoudige factor van de grootte is.

HD kan ik niet gebruiken (tenzij ik iets mis) omdat ik in sommige gevallen een exacte dimensie nodig heb, niet 2X de grootte. En in sommige gevallen heb ik meer nodig dan 2X.

Laat me eens kijken of ik begrijp wat je zegt. Laten we zeggen dat ik HTML heb die 200x200 is en ik wil de uiteindelijke grootte 900x900. Dat is 4.5 x de grootte. Bedoel je dat het dit alleen zal creëren als 800x800 of 1000x1000 (4X of 5x de grootte) met de beste resultaten, maar het .5x verschil is wat de wazigheid creëert?

Als ik dit correct heb, is de beste oplossing dan om de HTML te manipuleren voordat deze wordt verzonden. Dus eigenlijk zou ik HTML moeten maken met de juiste grootte en dan heb ik geen zoom nodig?

Bedankt

Ja, vrijwel, naarmate de niveaus groter worden naarmate de zoom groter wordt.

Dus zooms die niet x2, x3 of x4 zijn, zullen onnauwkeurig zijn omdat de dimensies uit zijn. Er zijn ook slechts tien potentiële zoomniveaus, dus ik denk dat dit overeenkomt met een maximum van X5.