Ffimageloading: Miscellaneous rendering issues with SVGs

Created on 9 May 2019  路  2Comments  路  Source: luberda-molinet/FFImageLoading

Description

I am using FFImageLoading to display some flags in a Xamarin.Forms app. The 2.4.9 release fixed several rendering issues we were having, but there's a few more that may be interesting to look into.

Flag images were fetched from: http://hjnilsson.github.io/country-flags/

I haven't tested all the images; only the following: Mexico, Costa Rica, Panama, Honduras, Trinidad and Tobago, Haiti, Canada, Martinique, Cura莽ao, Bermuda, Cuba, Guyana, Nicaragua, El Salvador, Jamaica, and French Guinea.

Steps to Reproduce

Load images into a SvgCachedImage using SvgImageSource.FromUri();

Expected Behavior

Flags should render as they would in a web browser - tested in Safari, Chrome, and Firefox.

Aside: Adobe Illustrator also renders many of these images incorrectly.

Actual Behavior

Cura莽ao: Stars are not rendered correctly and triangle artifacts are on flag, same result on Android and iOS.

Cura莽ao

Martinique: White cross is missing and only one snake renders on Android. iOS renders correctly.

Martinique

Panama: Blue star is missing, red star is in blue star's place, same result on Android and iOS.

Panama

El Salvador: Crashes while rendering on Android and iOS. El Salvador Android StackTrace.txt

Basic Information

  • Version with issue: 2.4.9
  • Last known good version: unknown
  • Platform: Xamarin.Forms iOS and Android
SVG help wanted up-for-grabs

Most helpful comment

@daniel-luberda big praise to you for a great work with ffimageloading :-)

All 2 comments

Hi,

I pushed some fixes. Almost there...

Simulator Screen Shot - iPhone X蕗 - 2019-05-15 at 19 16 55
Simulator Screen Shot - iPhone X蕗 - 2019-05-16 at 16 12 05
Simulator Screen Shot - iPhone X蕗 - 2019-05-15 at 19 57 06

@daniel-luberda big praise to you for a great work with ffimageloading :-)

Was this page helpful?
0 / 5 - 0 ratings