Skip to main content

Cordova SVG rendering on Android devices

This blog post might be outdated!
This blog post was published more than one year ago and might be outdated!
· One min read
Stephan Hochdörfer

Recently we ran into an issue with SVG rendering in an Cordova-based Sencha Touch application. When switching back and forth between views in a TabPanel SVG images got messed up. The problem only appeared on "older" Android devices (<= 4.1.2) and only when the images were embedded via an <img> tag. The solution was simple: Replace every <img> tag with an <div> container and include the SVG image via the CSS property background-image.