Comment fonctionne la mise à l'échelle des images?

Dans la plupart des cas, la capture d'écran que j'essaie de prendre est réduite dans le navigateur, mais je souhaite l'exporter au format plus grand. J'utilise les valeurs bheight et bwidth pour indiquer quelles sont la hauteur et la largeur de l'élément sur la page Web, puis la valeur de largeur et de hauteur souhaitée (qui aura le même rapport d'aspect). Dans certains cas, la hauteur est 2-4 fois plus grande que la hauteur de la bheight et cela commence à rendre l'image très floue.

Tous les éléments de la division que je tente de capturer ne sont pas agrandis plus de 100% de leur taille. Ainsi, par exemple, la largeur de la division peut être 300px et je souhaite qu’elle soit exportée au format 900px large. Toutes les images à l'intérieur de cette division ne sont pas plus grandes que 300px mais leur largeur réelle est 1000px. Étant donné que l'image a une largeur 1000px large, l'image 900px large ne devrait pas poser de problème, mais elle semble floue comme s'il s'agissait vraiment d'une image 300px large agrandie 3x. 

De plus, le texte de cette image est flou. 

Quelques questions:

  - Est-ce que je fais quelque chose de mal?

  - Comment Grabzit évolue-t-il? Prend-il une capture d'écran à 300 pixels de large (dans mon exemple ci-dessus), puis l'agrandit après? Ou est-ce que je redimensionne d'abord mes éléments à partir du HTML, puis renvoie la capture d'écran?

  - Est-ce le seul moyen d'obtenir ce que je veux convertir en HTML afin que toutes les valeurs de hauteur et de largeur soient augmentées de l'échelle que je veux?

J'utilise la méthode ConvertHTML avec DataURI

Merci.

Informations sur l'utilisation Les images HD peuvent être trouvés ici.

Vous devriez utiliser les paramètres hd et -1 width et high, ce qui doublera la taille de l'image.

L'utilisation de la largeur pour définir la taille exacte n'est pas recommandée. De plus, si vous définissez la hauteur, l’image sera agrandie puis déplacée en hauteur, ce qui rendra l’image floue.

Les images HD fonctionnent en zoomant sur la fenêtre du navigateur et en créant une capture d'écran.

Merci. Le problème est que la HD évolue seulement 2X et parfois j'ai besoin de plus que cela. Y a-t-il un moyen pour moi de faire un réglage comme HD, où je règle l'échelle? Sinon, y a-t-il une manière différente de réaliser ce que j'essaie de faire?

Pour le moment, il me semble que le seul moyen pour moi de réaliser ce que je veux est de capturer le code HTML, puis d’utiliser le javascript pour ajuster tous les styles intégrés de hauteur et de largeur et de les remplacer par la hauteur et la largeur de l’échelle souhaitée.

Merci

Ok, vous pouvez définir votre propre zoom en utilisant la largeur, mais vous devez définir la hauteur sur -1 pour éviter que l’image ne soit redimensionnée de plusieurs façons.

Mais je veux aussi redimensionner la hauteur. Donc, si j'ai une image qui est 300x300 à l'écran mais que je veux l'exporter au format 900x900, la définition de la hauteur sur -1 donne une image 900x300. 

Oui, désolé, vous avez raison en ce qui concerne le réglage de la hauteur.

Il semble que le zoom via le réglage de la largeur est actuellement cassé. J'ai soulevé un cas pour résoudre ce problème.

OK, merci de me l'avoir fait savoir. Avez-vous une idée du temps que prennent ces types de choses? Je sais que les délais sont difficiles à donner, mais toute idée du moment me serait utile.  

Espérons que le lendemain ou à peu près.

Ce serait génial, merci. 

Le problème est maintenant résolu.

Super, merci d'avoir travaillé si rapidement. Est-ce quelque chose que je verrai de mon côté tout de suite ou cela prendra-t-il du temps? La raison pour laquelle je pose la question est que je viens de le tester et que cela semble pareil. 

Merci encore

Je viens de l'essayer et le zoom fonctionne lorsque la largeur est supérieure à la largeur du navigateur.

Peut-être que je ne comprends pas ce qui a été corrigé. Je teste la même div mais avec des tailles de navigateur différentes. Plus le navigateur est petit, plus l'image finale est floue, même si c'est exactement la même chose.  

En d'autres termes, j'ai une image finale qui sera 1000px x 1000px. Je l'ai testé lorsque la div du navigateur est 800x800, 600x600, 400x400, etc. 

Si mon image a belle apparence lorsque bwidth / bheight est 800x800, ne devrait-elle pas avoir le même aspect lorsque l’image est 400x400? 

Merci

La HD est recommandée car elle ne fait que doubler la taille de l'image, ce qui donne les meilleurs résultats.

Le correctif signifie qu'un zoom est maintenant réellement effectué si la largeur est supérieure à la largeur du navigateur.

Si vous utilisez la largeur et la hauteur, vous devez doubler ou tripler, etc. les largeurs et les hauteurs par rapport aux dimensions du navigateur, afin de créer les meilleurs résultats. En effet, malheureusement, le zoom fonctionne dans les niveaux et non dans les pourcentages. Ainsi, tout pourcentage de zoom calculé à partir des différences de largeur doit être converti en un niveau peu précis si ce n’est pas un simple facteur de la taille.

La HD n'est pas quelque chose que je peux utiliser (sauf s'il me manque quelque chose), car dans certains cas, j'ai besoin d'une dimension exacte et non de la taille de 2X. Et dans certains cas, il me faut plus que 2X.

Laissez-moi voir si je comprends ce que vous dites. Disons que j'ai HTML qui est 200x200 et je veux la taille finale à 900x900. C'est 4.5 x la taille. Voulez-vous dire que cela ne créera ceci que comme 800x800 ou 1000x1000 (4X ou 5x la taille) avec les meilleurs résultats mais que la différence .5x crée le flou?

Si j'ai ce correct, la meilleure solution est alors de manipuler le HTML avant de l'envoyer? Donc, fondamentalement, je devrais créer du HTML de la bonne taille et alors je n'aurai pas besoin de zoom?

Merci

Oui, à peu près, car les niveaux augmentent à mesure que le zoom augmente.

Ainsi, les zooms qui ne sont pas x2, x3 ou x4 seront inexacts car les dimensions seront faussées. Il n’existe également que dix niveaux de zoom potentiels, ce qui équivaut à un maximum de X5.