Bad Resolution of SVG's on iOS and Mac Retina Displays
-
By default, Images with SVG sources look bad on Mac and iOS Retina/HiDpi displays
For example, checkout the poor resolution of this SVG on an iPhone 4s (or newer) or Mac Retina display
@
Image {
source: "http://upload.wikimedia.org/wikipedia/commons/0/02/SVG_logo.svg"
sourceSize.width: 64
sourceSize.height: 64
}
@One can almost work around this issue by doubling the sourceSize and scaling the resultant image
@
Image {
source: "http://upload.wikimedia.org/wikipedia/commons/0/02/SVG_logo.svg"
sourceSize.width: 128
sourceSize.height: 128
scale: 0.5
}
@
But this leaves padding around the image caused by the scale operation--
Is there another way to make SVGs look nice on Retina displays that doesn't create padding around the image?