Page 1 of 2

image scaling issue

Posted: Mon Jun 30, 2014 6:43 pm
by simon saunders

i have a lot of images in my apps and i am targeting iphones and androids s5. i am working in a 480x800px screen and i need full width images that always fill the whole screen no matter what the size of the image is.

i have tried with no luck. ive ticked preserve image, ive set dimensions to auto, thinking that would help. how would i address this problem, which must be very common?


image scaling issue

Posted: Mon Jun 30, 2014 7:43 pm
by Serhii Kulibaba

Hello Simon,

Use dimensions with percents.


image scaling issue

Posted: Mon Jun 30, 2014 7:50 pm
by simon saunders

i thought so. it didnt work thou. i created an image 480 wide and set it to 100% width and height on then tested it on samsung s4 android. it cut off the image?


image scaling issue

Posted: Tue Jul 01, 2014 8:45 am
by simon saunders

any more ideas to solve this? i cant be too hard. every dev needs to do this.


image scaling issue

Posted: Tue Jul 01, 2014 1:20 pm
by simon saunders

it doesnt work?! why not


image scaling issue

Posted: Tue Jul 01, 2014 8:36 pm
by Kateryna Grynko

Hello,

prewidth: auto;
height: 100%;/pre


image scaling issue

Posted: Mon May 04, 2015 7:57 pm
by simon saunders

still having a problem with this. my canvas is 640x960 and the image is the same. properties for image. all padding set to 0.

on smaller screens other than 640x960 this doesnt not scale down to fit.

image setting are width :auto and height 100%
i have tried every combination auto, auto, 100%, 100%

what do i need to do. urgent request.

thanks


image scaling issue

Posted: Tue May 05, 2015 7:03 pm
by Serhii Kulibaba

Hello,

Does it have min-width or min-height attributes?
Also you can change image size via JS every time you need.


image scaling issue

Posted: Tue May 05, 2015 7:14 pm
by simon saunders

whats the js code then?


image scaling issue

Posted: Tue May 05, 2015 8:35 pm
by simon saunders

what are talking about? "Does it have min-width or min-height attributes? "- please explain

i have built an app using appery many months ago with images which works. but now when i build the exact same app with the same image and the same dimensions it does not work. why is that?

try it yourself.
make an app 1 page 480x800
create an image 480x800

set all padding to 0
width: auto;
height: 100%;

then preview it at any size other than 480x800. it doesnt scale. it used to, but not anymore.

a bug ??