Official Vector Graphics Preview Package

Hi, forum! We are now experiencing a little issue with version 2.0.0-preview.16. Some of the SVGs that we have imported in our scene show a tiny horizontal black line inside them.

How can we fix this? We've checked out documentation, but we didn't find anything for this.

Thanks in advance.

 

I've been having this weird issue where if you have an svg sprite in a scene, you then reimport the svg in the project settings and the prefab of the svg sprite in the scene is reset to zero (location/rotation/scale).

Has anyone seen this issue?

svg sprites are sort of prefabs but not right, you can't open a sprite prefab or apply any overrides to them. In the scene data the transform data is stored in modifiers.

Looking at the scene diffs, the issue seems to be around the fileid reference to the vector. Even though the position in the scene data (viewed in text editor) is correct, in Unity it shows as zero default position once you reimport it.

Any ideas? Thanks

 

Another question, we are using vectors in our UI canvas. What is the difference between using a Vector Sprite as the sprite in our UI SVG Image and using a UI SVGImage instead in the importer settings for generated asset? I can see the material and shader is different, I'm curious why use "ui svgimage" over "vector sprite" as the sprite used in ui elements. Thanks

 

I was using 2.0.0-preview.13 and it looks like I upgraded to 2.0.0-preview.16.

Here's exactly what was happening, its hard to file a whole project around this so I'll just describe:

Vector graphics sprites in the scene, have position/rotation/scale/tag/layer/components added to them. Everything working well.

Download the project into clean folder via git, those sprites have now been reset, have no pos/rotation/scale, layers/tags/components reset.

However, if you DIFF the raw scenes files looking at the text, they are both exactly the same. Even in the scene where the vector sprites aren't showing correctly, in the scene raw text file you can see the transform data is correct.

So I go back to my original working folder, copy the whole folder and delete the library folder, the sprites are reset.
If I go to my working project and right click reimport those sprites, they are reset.

My guess its something to do with the references to those objects stored in the scene not matching the same id as the current scene when it is open and something to do with how the vector sprites are prefabs (from this package), but they are not really real prefabs (just pretend ones).

Does that make sense?

Thanks

 

It's very possible, thanks. Although I didn't rename my files, but there was definitely some reference issue that was fine when I had a library folder and went wrong when I opened fresh. Will keep an eye on it, thanks

 

Is it possible to render this svg properly with the svg package?

 

Hi Yes I have been replacing the text with TextMeshPro text. I guess I could have converted the text to paths and saved myself a bit of work.

I was mainly the red digits mirrored I was wondering about.

Is SVG support still being actively developed or it's in maintenance mode now?

Thanks

 

@mcoted3d Thank you for checking. I will see what I can do to work around that. I have one other strange issue. I had a svg file I was trying to import but i think it was over all too large. I split the file into two layers and then I was able to see Unity successfully import both. What is odd now I when I drag them both out the the scene only one shows up. The only difference i see is that material does not create the shader for one but does for the other. The import setting are identical as far as I can tell.

 

I just noticed this in my console log.



So Unity can import the file it is just that vertexHelper cannot?

EDIT: So i set preserve viewport and that reduced the number of vertices used by about 10000
buy I noticed the sprite in the scene does not match the image in the import inspector window.

 

@mcoted3d What do you think the issue might be for the last image I posted. The preview looks correct in the inspector but the image in the scene is not correct. I am still below the 16 bit vt limit i believe.
Thank you for your assistance.

 

I have a similar problem to Cochea's.

I had to update unity from 2018.4.31f to 2019.4.28f and Vector Graphics were updated as well from 1.0.0.preview.34 to 2.0.0-preview.17.

By doing that, ALL my SVGs that weren't set as a PNG and were in the Scene or inside Prefabs got their values reset to default... The layer, the Transform component and Sprite component as well.

Was wondering if there is any special trick to avoid this to happen since it requires the dev to go through every single image that has SVG, compare with an older version and fix the values on each.

I've tried re-updating a few times making little changes/tests and I didn't succeed to make a smooth transition from old to new version.

EDIT: My temporary solution for that to not occur anymore is to copy Unlit_Vector material from the asset to an accessible folder, manually create the objects and reference the sprite directly.

 

Thank you for your awesome support. - that fixed it! Looking forward to further svg improvements in the future.

 

Hi, we're giving this package a try and so far it's been amazing!
The only thing preventing us from switching from SVGImporter to this is the ability to slice (I know it's been discussed in this thread). Once the package comes out of preview, do you have a rough idea of when/if we could hope to see that feature added?
If not, would we be able to write our own using the API?

Thanks!

 

I'm hear from search trying to find out why sprite masking isn't working.

If I drag the svg asset prefab into the scene and set mask interaction to visible inside/outside it doesn't work.

I I drag in the sprite that is under the project list (within the svg asset), then the mask works fine.

If I change the material of the svgprefab from vector unlit to sprits-default, the mask works.

So sprite masking doesn't work with Unlit_Vector?

 

Thanks, I'll take a look, sounds pretty tricky
SVGImporter supports it so I'll have a look at their code as well.

I'm surprised slicing is not higher on the priority list, which makes me think my approach might be wrong. Isn't SVG the best way to have clean, sharp UI elements at all resolutions? From what I understand the only alternative is to provide multiple png assets at different resolutions for each UI element, or am I missing something?

 

Right that makes sense, thanks for clarifying!

Beautiful. Thanks for your answers.

 

Yes, we've just hit this issue and I just did a full project reimport, losing all the scene overrides. This is a huge chunk of work that's just been obliterated. Kind of worried because we're about to release this game (I know we shouldn't be relying on preview packages, but here we are haha).

Before reimport:


After reimport:


@mcoted3d This issue started for me when upgrading from 2.0.0-preview14 to 2.0.0-preview17, so it seems that it is not fixed in latest.

 

Okay, so thankfully all these references were still okay on a teammate's computer so we did a screenshare and audited each scene one at a time with him "unpacking" each of the references to importer SVG prefabs. Managed to completely work around this in 40 minutes. I'm still keen on a fix though because I suspect that our artists will still want to drag and drop SVGs into the scenes in future, which will result in breakages if we need to reimport.

 

Hi! I'm currently using the Vector Graphics package (2.0.0-preview.17) as a base for a coloring book app that I'm working on. The goal is to import SVG files and, at runtime, detect where the user has tapped, get the tapped shape and fill it with a specific color.

I have a couple questions regarding the correct usage of the package, as well as some performance issues:

• At the moment, I'm generating Vector Sprites at runtime, iterating through all the layers and shapes of the SVG source file and building individual sprites (as well as attaching Polygon2D Colliders) so that I can detect user input and then alter them directly during the game. However, I'd like to know if there is any way of accessing the individual layers and shapes from a vector sprite that has already been auto-imported by the package, to avoid the potentially costly work of generating dozens to hundreds of vector sprites at runtime.
• If I use mildly complex SVGs (e.g. a Mandala drawing), I find that the performance drops drastically the more I zoom in to the image (by zooming in, I mean changing the orthographic size of my 2D camera). I believed this was a result of increasing the mesh detail as I zoomed in, but looking at the play mode stats, the Tris and Verts counts go down, however FPS goes down as well. Is there any way to tackle this that is not lowering the quality in the tesselation settings?

Thank you!

 

@mcoted3d hoping this is useful for debugging. So this is an example of an SVG whose transform was reset in a scene. I went back in to the scene and manually restored the position, scale, rotation. I've tracked down the section of the scene file that includes the local prefab overrides and here is the difference:

You can see what's changed here is the

fileID

of the reference override:



Now I've put together the full section of YAML from the scene, and I've also included the `.svg.meta` file from the problematic asset. This meta file did not change when reimporting the file (it's unchanged since the day it was first imported).

I don't claim to understand what the file ID means, but strangely it doesn't seem to be referenced in the SVG meta file at all! I'd actually love to understand what's going on here when you work it out, the inner workings of meta files is not well documented.

https://gist.github.com/rhys-vdw/ab1106ba953f5739185a4446a1c238b3

 

Thanks @mcoted3d. We've gone through the tedium of auditing every prefab and instituting an "unpack on SVG placement" rule for artists. I think we're good. Given the above response I will not open an issue in the tracker.

Huge fan of the SVG plugin btw, I'm using it in all of my games now. I eagerly await stability.

 

I had exactly the same issue as you and it took me nearly 3 days to rebuild everything, it was very frustrating.

I now NEVER use an SVG straight in the scene, incase some issue with this asset in future. I now drag the svg on to the scene, make a parent object with the same name, save that parent object as a prefab into VectorContainers folder that mirrors my SVG folder. Then I position/scale/rotate the vectorcontainer prefab on the scene, but never the sprite directly which will always maintain a zero position/rotation/scale within the prefab.

 

Yeah, it's brutal. It should be sufficient to simply "unpack" the SVG default sprite prefab though. I considered writing a script to recover all the data but in the end it was quicker to waste another developer's time for a couple of hours.

 

but if you unpack it, is the asset still linked if the svg is updated?

 

Yes, because the Sprite asset is still linked. It's just the prefab link that is the issue (as that contains a transform).

 

"However, the prefab position should persist properly afterward, even after a reimport."

It doesn't, upgrading to preview 15 breaks a link in the file ID, so prefab position/rotation/scale/components are reset.

We have a different project that is on preview 12 that we would eventually need to update, after this problem that I've had going from 12 > 16 and resetting all objects, we can't do this upgrade at the moment. Is there any way the svg asset could be patched to fix the fileID issue without loosing the prefab transformations?

 

If not it should be possible to write an editor tool that scans all prefabs and scenes, opens them, looks for an links to objects that are instances of prefabs generated from assets whose files end in .SVG and unpack them. If you do this before upgrade you should be fine. I considered writing such a tool but in the end the manual route seemed safe enough and quicker (~2 hours of two people's time).

 

I want to import svg as Vector Sprite and store it's texture in a Texture2D variable .. i use sprite.texture property and store it inside a Texture2D variable but it throws a null reference exception. ANY help would be much appreciated. Thanks

 

Thanks a lot . I have imported the asset as Textured Sprite now.

 

I am making a coloring game and when i zoom the camera onto the sprite(png/jpg) it gets pixelated. If I use .svg file and import it via VectorGraphics unity package and set the generated asset type to Textured Sprite (as you suggested) i am able to color it but again it gets pixelated upon zoom. Any sort of solution or advice would mean a lot. Thanks.

EDIT: svg file imported as textured Sprite is of 4mb size at 1024x1024 resolution.

 

Don't turn it into a texture then... Use the generated `Sprite` which has the SVG as a mesh.

 

Hi
Any news since about the official release?
Thanks

 

UI SVGImage image bug in 2.0.0-preview.17
Unit 2019.4.28f1

Imported image preview:




Rendering in world space canvas over a magenta image:



Zipped SVG and meta file attached.

I tried changing the transparent stops to 50% alpha on a hunch but they still render black.

Hope it helps.

As a workaround I can position this one as a sprite in front of the canvas.