DecSoft Soporte - Image Resizing

Image Resizing

DecSoft App Builder incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

Cree modernas apps y juegos HTML a otro nivel haciendo cosas que incluso las modernas apps y juegos HTML no pueden.

DecSoft App Builder integra un asistente de Open AI para ayudarle mientras desarrolla sus apps.

¡Eche un vistazo a nuestro canal de YouTube y suscríbase para recibir notificaciones sobre nuevos vídeos!

Los plugins oficiales de Apache Cordova se incluyen de serie y hay cientos de ellos disponibles para su uso.

DecSoft NeoPlugins pone sus proyectos de VisualNeo en otro nivel con +1.000 nuevas acciones para sus apps.

Ahorre dinero comprando nuestros paquetes de NeoPlugins. ¡Cinco, Diez e incluso nuestra colección entera a un precio increíble!

Compile, convierta sus modernas apps y juegos HTML en programas ejecutables sin dependencias para Microsoft Windows.

Ahorre tiempo, recursos y dinero creando apps para Android, iOS y más con la misma base de código.

DecSoft HTML Compiler incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

Los NeoPlugins de DecSoft tienen versiones "designtime" y "runtime" para reducir el tamaño de sus apps.

¡Eche un vistazo a algunas de preguntas más frecuentes sobre nosotros y nuestros productos!

Cree apps y expanda sus capacidades usando el lenguaje más popular del mundo: Javascript.

DecSoft HTML Compiler es fácil de usar: personalize su proyecto y compile sus apps y sus juegos rápidamente.

Diseñe para pantallas pequeñas y distribuya también (sin cambios) en dispositivos como tablets.

Cree apps multiplataforma con DecSoft App Builder, incluyendo Android e iOS, con la misma base de código.

John Clarke

I have created an image object on my screen. I have set the size to a specific specification (Height 24, Width 24) and added a border by setting the border style to 1. However, when it is displayed it seems to be scaling the image depending upon the size of the screen. How can I stop this from happening ?

Amin Mousavi

Hi John,

For height and width I suggest assigning a class to your object and use "vw" for your width and set height to auto. In the below example width of your picture regardless of the size of the phone will take 40% of the "viewable width" and height will be defined accordingly. Depending on your design you can assign a size to height and set width to auto. You also can use "vh" or "vw" for the height if you wish. From the top of my head, I think auto does not work properly all the time, so you might perhaps use the second class since your picture's height and width are equal.

.sizefix{
width: 40vw !important;
height: auto !important;
}

.sizefix2{
width: 40vw !important;
height: 40vw !important;
}

Regards

DecSoft

Hello to all,

In addition to the Amin's suggestion (thanks for that, sir, I really appreciate it), maybe it's important to know also the context in which we use the image. For example, if we are using an Image control of AB, or if we use an IMG HTML tag inside an HTML control of AB. You can take a look at the "Images" sample.

In principle we can use CSS and / or Javascript if it's required to deal with some specific image or images. But maybe a bit more information about how that image must be used (where, etc.) can be good too.

Purchase one or more licenses of our products if they are useful to you!

Todo el mundo puede leer el foro de soporte de DecSoft para aprender del mismo, sin embargo, sólo los clientes de DecSoft pueden abrir nuevos hilos. Compre una o más licencias de productos de DecSoft y obtendrá este y otros beneficios.