render/export bug with blendingmode

background information

I am trying to create a ring-like shape, with a second shape sticking through the hole (simple examples included). In there I want to use 'mix-blend-mode:multiply' for the overlapping effect.

I achieved this with creating the 'ring' in 2 separate portions (see original.svg) The problem is that the intersection of the 2 parts will create an artifact (thin white line). This is a known bug of the 'renderer' as I found out so the suggestion there was: work around, fix aint happening soon (unfortunatly).

So I created a 'fix' where I overlay a portion of the 'ring' with a second innershape (see fix.svg). That one solves the 'artifact problem'. but creates a new problem (described below)

Steps to reproduce:

See attached file 'fix.svg'

What happened?

The shape overlaying the 'ring' is rendered correctly when zoomed in, but when zooming out (and when exporting!!!) the blendmode (which is only set on the 'ringshape') is also applied to every other element in the hierarchy below. I tried several things to get the desired results, none of them worked:

  • I tried setting 'mix-blend-mode: normal' on the other elements;
  • I tried putting every component in a different layer.

When exporting some weird behavior can be seen as well:

  • When exporting as PNG: It creates an image with the incorrect rendering (i.e. blendingmode applied to multiple wrong elements);
  • When exporting as pdf/eps: It ignores all blendmodes/alpha values (just like it is an IE renderer)

What should have happened?

I expect that it should render and export normally, without the blend-mode applied to other elements. If I open the svg file with Google Chrome, it is rendered correctly. When openened with IE, the same behavoir as pdf/eps export can be seen (i.e. blendmodes/alpha values are ignored)

Inkscape Version and Operating System:

  • Inkscape Version: Inkscape 0.92.4 (5da689c313, 2019-01-14)
  • Operating System: Windows 10 pro

Specific question

Besides the bug report/fix, I would love to hear of any alternatives to at least export/convert the svg file into the formats '.png'/'.jpeg'/'.jpg', '.pdf' and '.eps', as I need some files/creations before March.

Thanks in advance for your time! Regards N247S

Files:

original.svg fix.svg