0

I have been using SVG to render images in my App, the images render improperly in Samsung S3 device's NATIVE BROWSER only. They work fine in CHROME browser in the same device. What could be the reasons for this anomaly? The App is built upon Sencha Touch (Ext.js) framework and all UI is tended by the Sencha. Also this issue seems to creep in certain images only. Some images appear fine while others don't. Additionally, images that aren't rendered properly in potrait orientation, appear fine in landscape orientation and vice versa. I have attached screenshots for reference.

Thanks.

SVG Image in Potrait

SVG Image in Landscape

Improve this question

1 Answer 1

Reset to default
0

This is probably NOT an Android issue, but would be true for any device with a smaller view port. See the SVG Specification about things that would limit the field of view. Most likely a combination of transform, viewbox, and canvas.

If you believe these are correctly stated in your code, some other combination will maybe serve better. If not stated at all, you risk the app to make approximate guesses during rendering.

Improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .