search

software-mansion / react-native-svg

SVG library for React Native, React Native Web, and plain React web projects.
MIT License
7.5k stars 1.13k forks source link

Possibility to blending Paths #2353

Open skibos opened 4 months ago

skibos commented 4 months ago

Feature Request

Hi. I got svg file. I was converting it to react native svg. In the source code which converter prepared for me there was following component:

      <Path
        d="M123.622 154.245c-7.547-1.887-8.647 6.447-9.434 8.019l20.284 11.321c-2.359-11.321-3.302-17.453-10.85-19.34z"
        fill="#E5DFF3"
        style={{
          mixBlendMode: "multiply"
        }}
      />

Unfortunetelly blending is not available in Path component. Would be good to add it to properly render blended vectors

Why it is needed

SVGs which include blending are problematic to render. This option would be very helpful.

Possible implementation

Reproduce steps

use for example https://transform.tools/svg-to-react-native converter, generate SVG with blended path:

obraz

and then try to convert it.

Ozaoujal commented 3 months ago

+1