Using AS3 to take a picture with the iOS camera. I have it all working, but my picture is ALWAYS landscape. I have the app set to portrait and take the picture with the IMAGE MediaType, which is also in Portrait mode when I take the picture.
Any ideas? Should I just scale and rotate accordingly or is there something to get around this?
Also- if anyone has a small demo of painting on BitmapData/pictures taken that would be appreciated as well :)
Cheers.
To solve this issue I simple just checked the width and height of the image, rotated and scaled accordingly.
Related
I am having a problem with adobe Muse changing the height of the site when previewing on iPhone 6. The dimensions of the site are correct yet i have still got an extended vertical white line under the page.
Any suggestions?
Best wishes
Using the rectangle tool you are able to make a square / rectangle shape of the desired background space / area.
You can use the fill tool to further fill the background with an image.
I hope this helps
I am displaying lots of similar images in img tags. But browswer is automatically autorotating image in landscape mode. How can we prevent this?
Below is one of sample image.
https://fuloop.com/backend/web/upload/post_image/1493385167_1493252982_JPEG_20170426_171917.jpg
Thanks
Shyam
I think you can use css image-orientation in FF and Safari.
However if you want to fix the orientation in Chrome, I would suggest to use css transform to rotate your image...
Additionally, if you're a vue.js developer, you can simply use this vue-img-orientation-changer to fix the incorrect img orientation.
vue-img-orientation-changer is a vue directive plugin.
Check the example:
Fix Img Orientation
Github Repository: vue-img-orientation-changer
This is because there is EXIF data saved from whatever camera was used to take the image. You can get an image editor or tool that edits the EXIF data to set it to the orientation that you want.
Your linked image shows up for me in portrait mode in Chrome, but in IE it showed up rotated in landscape mode. Firefox, seemed to load the dimensions in landscape mode first but then rotated it into portrait mode. It ended up looking a bit glitchy.
Some image editors such as GIMP will ask if you want to rotate the image upon opening it as it detects the orientation in EXIF is different from the actual orientation. If you indicate that you want GIMP to rotate it, then save it, it should be in the correct orientation.
I was experimenting with bitmaps and created an alpha mask. When i test the program in full screen, it works fine however when I re-size the screen, the bitmap alpha masks doesn't seem to scale correctly. Below are illustrations of my issue. The bitmap alpha mask is shown as a purple background for visibility, and the blue portion is where the bitmap is completely transparent.
Full Screen (Looks Good)
Regular Screen (Looks like the mask is shifted to the left):
Why is this happening and what can i do to fix it?
Thank you.
It turns out the text box Anti-aliasing was the problem. I changed the ani-aliasing from "Anti-alias for readability" to "Anti-alias for animation" and now everything scales properly.
I am making a game in flash IDE using adobe air, want to make it landscape full screen, my stage size is 560x320 but it has unused screen on the sides. Can anyone guide me what is the small thing I am missing, rest full game is completed.
Thanks
Don't forget to add in the default image in particular for the iPhone5 you need:
Default-568h#2x.png
This makes sure your stage is the full area of the screen and not windowed. You can see all the sizes here:
http://help.adobe.com/en_US/air/build/WS901d38e593cd1bac1e63e3d129907d2886-8000.html#WS901d38e593cd1bac58d08f9112e26606ea8-8000
Your aspect ratio is not like iPhone (16:10) so if you match your width then graphics will go out of screen vertically. You will have to continue your graphics design on blank area to keep the design continuity.
Still try using,
stage.displayState = StageDisplayState.FULL_SCREEN;
For more info see
stage.displayState
I am optimizing my site for these higher resolution monitors (especially the new iPad). I have the site formatted the way I want, and I was just increasing the resolution of each image but still constraining it to the DIVs that I currently have. For example, I have an image with a resolution of 483x246 and I have it fitting a DIV with a set size of 188x96.
The images look great on Chrome, Firefox, and most importantly on the new iPad. Even zoomed in it's nice and crisp (as opposed to my old 188x96 image that looked blurry and pixelated when zoomed in)
The problem comes in when I open the page in IE. It displays the image at the correct size but it's jagged. See link to comparison below. I know it's an issue with the way IE resizes and renders pictures on the fly.
My question would be, is there a way to make IE display the picture nicely? If not, is there a way I can put in the code so that if it detects IE, it displays my old low res image? I've looked everywhere but haven't found anything that relates to my specific problem. I know this is a small example but my bigger images do the same thing and are more noticeable. I hope you all can help. Thanks. :)
Comparison:
Have you tried putting this in your CSS?
img { -ms-interpolation-mode: bicubic; }
There's also this https://github.com/adamdbradley/foresight.js which looks very interesting
Make sure IE9 isn't in compatibility mode or IE7/8 mode...
The reason this happends if because the bitmapdata is actually rendered completely different in the IE browser, the thing IE does is it "cuts" away pixels over a set ratio so like every 5 pixels it yanks a pixel and therefor makes it look like it misses certain gradient properties.
not much you can do about this except for keeping the aspect ratio set but I guess you would've known that by yourself already