question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Android 8 - SVG feColorMatrix - Crash

See original GitHub issue

I made an app about color blindness : https://github.com/healthonnet/ColorVisionQuiz-App I use camera and apply SVG filters with feColorMatrix rules in order to simulated color blindness.

filter example :

<filter id="protanomaly">
      <feColorMatrix
        type="matrix"
        values="0.817 0.183 0 0 0
                0.333 0.667 0 0 0
                0 0.125 0.875 0 0
                0 0 0 1 0"/>
</filter>

Built with : (EDITED)

 - cordova@8.0.0
 - cordova-android@7.1.1

Everything works but not an Android 8, it just crashes the app. No error, nothing with adb logcat too.

  • Other filter rule like feGaussianBlur works.
  • feColorMatrix works on chrome Desktop
  • feColorMatrix works on static DOM element
  • feColorMatrix Crashes when a video is running under the filter.

As Oreo use the chrome Chrome/68.0.3440.85 it may comes from cordova ?

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:12 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
Adrioncommented, Aug 8, 2018

I used this example to make tests : https://html5multimedia.com/code/ch10/svg-video-filters.html

  • ✅ Works on Chrome (68.0.3440.91) Mobile.
  • ❌ Crashes on Cordova
  • ❌ Crashes on Android WebView Component (NATIVE)

Good point; So it’s not Cordova related… Now I need to find where to report this issue to Google.

I’ll update this issue when I’ll get more informations from Android Team.

1reaction
janpiocommented, Aug 7, 2018

We are in the process of moving issues to Github, so you are fine here.

Read more comments on GitHub >

github_iconTop Results From Across the Web

subject:"\[GitHub\] Adrion commented on issue #472\: Android 8 ...
Adrion commented on issue #472: Android 8 - SVG feColorMatrix - Crash URL: https://github.com/apache/cordova-android/issues/472#issuecomment-411665508 Also ...
Read more >
External SVG filter references don't work as expected - Monorail
The div box in the HTML file will not get filtered. Replace <feFlood> with <feColorMatrix> and it will work just fine. The reason...
Read more >
How to use a simple SVG filter on Safari with acceptable ...
The filter speeds up dramatically on WebKit and no crashing occurs. Here is how to implement this in our example: <filter id="filter-1" ...
Read more >
<feColorMatrix> - SVG: Scalable Vector Graphics | MDN
The SVG filter element changes colors based on a transformation matrix. Every pixel's color value [R,G,B,A] is matrix multiplied by a 5 by...
Read more >
All issues Switch filter - - ASF JIRA
CB-14258Android 8 - SVG feColorMatrix - Crash · Bug. CB-14257Default backbutton executes even after overriding by adding event listener on deviceready.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found