Importing “.svg” files do not work properly. I am trying to import an svg vector file but it does not display properly in the editor. The image displays itself properly in other viewers like Microsoft Edge.

Edit: I made a project for demonstration. On clicking “See inside” and the third sprite, Scratch instantly crashes. Once again, the file can be opened perfectly in other .svg viewers.

My browser / operating system: Windows 10, Edge Chromium Dev 90.0.4421.0, No Flash version detected

PUNNAMOODU wrote:

Importing “.svg” files do not work properly. I am trying to import an svg vector file but it does not display properly in the editor. The image displays itself properly in other viewers like Microsoft Edge.

My browser / operating system: Windows NT 10.0, Chrome 88.0.4324.150, No Flash version detected

How about trying to convert it to a PNg or a JPG? That might help…
If you want a website, SVG –> JPG converter

PraCoco wrote:

PUNNAMOODU wrote:

Importing “.svg” files do not work properly. I am trying to import an svg vector file but it does not display properly in the editor. The image displays itself properly in other viewers like Microsoft Edge.

My browser / operating system: Windows NT 10.0, Chrome 88.0.4324.150, No Flash version detected

How about trying to convert it to a PNg or a JPG? That might help…
If you want a website, SVG –> JPG converter (link removed)

That fixes the issue but I lose the ability to edit the image in the scratch editor. It also loses its quality (it becomes a little pixelated)

Which software was it created in?

Chiroyce wrote:

Which software was it created in?

I tried it first in Libre Office Draw and it did not go well.
Then I tried a very simple one using Inkscape and it worked fine.
Again I tried a little more complex one with Inkscape and it did not work.

I use Vectornater and I also have this issue

Yafdance wrote:

I use Vectornater and I also have this issue

So the issue is with how scratch handles vector graphics from specific applications, right?

bump

I still cannot import .svg (vector) files from specific applications.

PUNNAMOODU wrote:

I still cannot import .svg (vector) files from specific applications.

Yes, scratch SVG renderer doesn't support a few features in other programs.

Chiroyce wrote:

PUNNAMOODU wrote:

I still cannot import .svg (vector) files from specific applications.

Yes, scratch SVG renderer doesn't support a few features in other programs.

Oh That's sad.


But is there a way to still use the .svg format? When I import a vector file, the image pops up on the tiny thumbnail but not in the editor or on the stage

Is there a workaround for this?

PUNNAMOODU wrote:

Is there a workaround for this?

I don’t know

i can view an image on stage in a scratch project, but if i go inside into the costume editor, there is no image, it's as if according to the editor it is non-existent

I made a project for demonstration. On clicking “See inside” and the third sprite , Scratch instantly crashes. Once again, the file can be opened perfectly in other .svg viewers.

Oops! Something went wrong

We are so sorry, but it looks like Scratch has crashed. This bug has been automatically reported to the Scratch Team. Please refresh your page to try again. Your error was logged with id:

Is there any other application that Scratch handles perfectly?

-Aerova- wrote:

Usually, when an ‘SVG’ doesn't display correctly, I go into the 'Costumes' menu and just move it a bit. Then, it will display correctly on the stage..

Moving them does make the sprite visible but it loses rounded corners, transparency, etc.

-Aerova- wrote:

For vector text, you could convert the text from 'Object -> Path' in Inkscape, which is another trick that works for me. If that does not work, you could also try exporting as an 'Optimized SVG'.

Optimised SVG yields the same results (it loses rounded corners, transparency, etc.), even when I check the “Work around renderer bugs” in Inkscape's Export dialog box.

bump

the javascript console shows these messages once it crashes:

The crash is something about the canvas width.