¿Cómo funciona la ampliación de imágenes?

En la mayoría de los casos, la captura de pantalla que estoy tratando de tomar se reduce en el navegador, pero quiero exportarla como más grande. Estoy usando los valores bheight y bwidth para indicar cuál es la altura y el ancho del elemento en la página web y luego paso el valor de ancho y alto que quiero (que será la misma relación de aspecto). En algunos casos, la altura es 2-4 veces mayor que la altura y eso comienza a hacer que la imagen sea muy borrosa.

Sin embargo, todos los elementos dentro del div que estoy tratando de capturar no se están ampliando más del 100% de su tamaño. Entonces, por ejemplo, el ancho de b del div podría ser 300px y quiero que se exporte como 900px de ancho. Todas las imágenes dentro de ese div no se muestran más grandes que 300px pero su verdadero ancho es 1000px. Dado que la imagen es 1000px de ancho, no debería tener problemas para ser 900px de ancho, pero se ve borrosa como si realmente fuera una imagen de 300px de ancho con zoom 3x.

Además, el texto en esa imagen es borroso.

Un par de preguntas:

- ¿Estoy haciendo algo mal?

- ¿Cómo se amplía Grabzit? ¿Está tomando una captura de pantalla en 300px de ancho (en mi ejemplo anterior) y luego ampliándola después? ¿O está primero escalando mis elementos desde HTML y luego devolviendo la captura de pantalla?

- ¿Es la única forma de lograr lo que quiero convertir el HTML para que todos los valores de altura y anchura aumenten con la escala que quiero?

Estoy usando el método ConvertHTML con DataURI

Gracias.

Información sobre el uso Las imágenes HD se pueden encontrar aquí.

Debería usar el parámetro hd y el ancho y alto de -1, esto duplicará el tamaño de la imagen.

No se recomienda usar el ancho para establecer el tamaño exacto. Además, establecer la altura significará que la imagen se amplía y luego se escala en altura, lo que hará que la imagen se vea borrosa.

Las imágenes HD funcionan al hacer zoom en la ventana del navegador y crear una captura de pantalla.

Gracias. El problema es que HD solo escala 2X y a veces necesito más que eso. ¿Hay alguna manera de hacer una configuración como HD, donde configuro la escala? Si no, ¿hay una manera diferente de lograr lo que estoy tratando de hacer?

A partir de ahora, parece que la única forma de lograr lo que quiero es capturar el HTML, luego usar JavaScript para ajustar todos los estilos en línea de altura y ancho y reemplazarlo con la altura y el ancho de la escala que quiero.

Muchas Gracias

De acuerdo, puede establecer su propio zoom utilizando el ancho, pero debe establecer la altura en -1 para evitar que la imagen cambie el tamaño de las formas.

Pero también quiero cambiar el tamaño de la altura. Entonces, si tengo una imagen que es 300x300 en la pantalla pero quiero exportarla como 900x900, establecer la altura en -1 da como resultado una imagen 900x300.

Sí, lo siento, tienes razón con respecto a la configuración de la altura.

Parece que el zoom mediante la configuración del ancho está actualmente roto. He planteado un caso para arreglar esto.

Vale, gracias por dejarme saber. ¿Alguna idea de cuánto tardan este tipo de cosas? Sé que los plazos son difíciles de dar, pero cualquier sentido del tiempo sería útil para mí.

Con suerte dentro del día siguiente más o menos.

Eso sería asombroso, gracias.

El asunto ha sido arreglado.

Genial, gracias por trabajar en esto tan rápido. ¿Es esto algo que veré de inmediato o me llevará algún tiempo? La razón por la que pregunto es porque lo acabo de probar y parece lo mismo.

Gracias de nuevo

Lo acabo de probar y el zoom funciona cuando el ancho es mayor que el ancho del navegador.

Tal vez estoy malinterpretando lo que se solucionó. Estoy probando el mismo div pero con diferentes tamaños de navegador. Cuanto más pequeño es el navegador, más borrosa es la imagen final, aunque sea exactamente la misma.

En otras palabras, tengo una imagen final que será 1000px x 1000px. Lo he probado cuando el div en el navegador es 800x800, 600x600, 400x400, etc. y cuanto menor es el ancho / alto (o la escala más grande hasta el ancho / alto final), más borrosa es la imagen final.

Si mi imagen se ve genial cuando bwidth / bheight es 800x800, ¿no debería verse igual cuando la imagen es 400x400?

Muchas Gracias

Se recomienda HD porque simplemente duplica el tamaño de la imagen que produce los mejores resultados.

La solución significa que ahora se realiza un zoom si el ancho es mayor que el ancho del navegador.

Si está utilizando el ancho y la altura, debe duplicar o triplicar, etc., los anchos y las alturas en relación con las dimensiones del navegador para crear los mejores resultados. Esto se debe a que desafortunadamente el zoom funciona en niveles y no en porcentajes. Por lo tanto, cualquier porcentaje de zoom calculado a partir de las diferencias de ancho debe convertirse a un nivel que probablemente no sea muy preciso si no es un factor simple del tamaño.

HD no es algo que pueda usar (a menos que me falte algo) porque en algunos casos necesito una dimensión exacta, no 2X del tamaño. Y en algunos casos, necesito más que 2X.

Déjame ver si entiendo lo que estás diciendo. Digamos que tengo HTML que es 200x200 y quiero que el tamaño final sea 900x900. Eso es 4.5 x el tamaño. ¿Está diciendo que solo creará esto como 800x800 o 1000x1000 (4X o 5x el tamaño) con los mejores resultados, pero la diferencia .5x es lo que crea el desenfoque?

Si tengo esto correcto, ¿la mejor solución es manipular el HTML antes de enviarlo? Entonces, básicamente, ¿debería crear HTML que tenga el tamaño correcto y luego no necesite ningún zoom?

Muchas Gracias

Sí, más o menos, a medida que los niveles se hacen más grandes a medida que aumenta el zoom.

Por lo tanto, los zoom que no son x2, x3 o x4 serán inexactos ya que las dimensiones estarán desactivadas. También hay solo diez niveles de zoom potenciales, por lo que creo que equivale a un máximo de X5.