Your image is not as simple as your description. Open the Layers and Objects panel [shift+ctrl+l] to examine the structure. You clipped a group of shapes using a clone of a subgroup inside the clipped group. Inkscape understands this convoluted recursion but Chrome got confused and gave up.
@Polygon : I'm new to Inkscape, would you mind please telling me the steps you used to create your image? Obviously my flow doesn't work, but I'm confused as to what you're doing differently than me.
In essence it´s: duplicate Text object and add select black rectangle to go Path->Intersection (I believe it‘s called - just on my iPad right now) and done.
Beginners' Questions Can't view an svg with clipping in Chrome
Inkscape.org
I've created a simple svg image in Inkscape 1.4 with some red text and a black rectangle, where the rectangle is clipped by the text.
When I try to open the svg file in Chrome, Chrome shows nothing. Why is this? How can I see the image in Chrome?
I've attached the svg file - thank you for any suggestions and help!
Your image is not as simple as your description. Open the Layers and Objects panel [shift+ctrl+l] to examine the structure. You clipped a group of shapes using a clone of a subgroup inside the clipped group. Inkscape understands this convoluted recursion but Chrome got confused and gave up.
Here's a simplified version.
This is a known bug in Inkscape.
https://gitlab.com/inkscape/inkscape/-/issues/1392
Replace
xlink:href="#g7"with
xlink:href="#text1"Or perhaps a more final robust way which should work everywhere:
Thank you all for your quick and helpful replies!
@Polygon : I'm new to Inkscape, would you mind please telling me the steps you used to create your image? Obviously my flow doesn't work, but I'm confused as to what you're doing differently than me.
Thanks!
In essence it´s: duplicate Text object and add select black rectangle to go Path->Intersection (I believe it‘s called - just on my iPad right now) and done.
Thank you @Polygon!