Search Unity

  1. Welcome to the Unity Forums! Please take the time to read our Code of Conduct to familiarize yourself with the forum rules and how to post constructively.
  2. We have updated the language to the Editor Terms based on feedback from our employees and community. Learn more.
    Dismiss Notice
  3. Join us on November 16th, 2023, between 1 pm and 9 pm CET for Ask the Experts Online on Discord and on Unity Discussions.
    Dismiss Notice

SVG Tools - Vector Graphics for Unity

Discussion in 'Assets and Asset Store' started by svgtools, May 7, 2018.

  1. svgtools

    svgtools

    Joined:
    Nov 10, 2017
    Posts:
    16
    SVG Tools automatically convert your SVG files to mesh or to bitmap. Very easy to setup, no programming required.

    Features:

    - Сreating and configuring an collider
    - Multiplatform
    - Pivot editor
    - Antialiasing
    - Level of detail
    - Drag & Drop
    - Realtime import and modification
    - Export to bitmap
    - Unity UI
    - Scale 9 Grid

    Support:
    - Shapes
    - Strokes
    - Stroke join (round, bevel, miter, miter limit)
    - Stroke cap (round, butt, square)
    - Stroke dash
    - Linear Gradients
    - Radial Gradients
    - Focal Gradients
    - Spread mode (pad, repeat, reflect)
    - Clip paths

    Asset Store
     
    Last edited: May 12, 2018
  2. TimNedvyga

    TimNedvyga

    Joined:
    May 18, 2015
    Posts:
    95
    Hi there, could I use custom materials and shaders with UI?

    EDIT: Just bought your asset and can't assign vector asset to Image component in UI... Could you help?
    Unity 2018.1.0f2
     
    Last edited: May 11, 2018
  3. svgtools

    svgtools

    Joined:
    Nov 10, 2017
    Posts:
    16
    Hello, i hope this helps you.
     
    Last edited: May 12, 2018
  4. TimNedvyga

    TimNedvyga

    Joined:
    May 18, 2015
    Posts:
    95
    Thanks I’ll try this, also I’m asking if I could use custom materials and shaders or maybe modify yours. I want to use blending(like overlay, multiply etc.)
     
  5. svgtools

    svgtools

    Joined:
    Nov 10, 2017
    Posts:
    16
    Hello, at the moment, custom materials are not supported. When exporting to a bitmap supported SVG Filters.
     
  6. TimNedvyga

    TimNedvyga

    Joined:
    May 18, 2015
    Posts:
    95
    Is this feature in roadmap? Could we wait for it near future?

    Also I'm notice that export feature working only when I click "Export to Bitmap" than change something in SVG properties, click Apply and then export happens.
     
  7. svgtools

    svgtools

    Joined:
    Nov 10, 2017
    Posts:
    16
    Hello, this feature is not in the roadmap.
     
  8. connordog12

    connordog12

    Joined:
    Apr 4, 2015
    Posts:
    2
    Hi, I have just bought this and imported it into Unity 2018.1.4f1 and when I import an svg file unity freezes for a while and then only imports half of the file.
    The same thing happened using Unity 2017.4.5f1. Am I doing something wrong?
     
  9. svgtools

    svgtools

    Joined:
    Nov 10, 2017
    Posts:
    16
    Hello, please send me file to email.
     
  10. connordog12

    connordog12

    Joined:
    Apr 4, 2015
    Posts:
    2
    Attached
     

    Attached Files:

  11. svgtools

    svgtools

    Joined:
    Nov 10, 2017
    Posts:
    16
    Hello, bug was fixed.
     
  12. v_James_v

    v_James_v

    Joined:
    Feb 13, 2016
    Posts:
    40
    Hello,
    I am running into the same issue as above. Unity hangs for an extended period of time when importing or applying any changes to an SVG in the inspector. On both my assets and the included example files.
    Using Unity 2018.2.5f1 on Mac OS
    Thanks
     
  13. svgtools

    svgtools

    Joined:
    Nov 10, 2017
    Posts:
    16
    Hello, try to disconnect from the Internet.
     
  14. v_James_v

    v_James_v

    Joined:
    Feb 13, 2016
    Posts:
    40
    Awesome thank you. That has fixed the hanging issue. I have sent you an email regarding another question.
    Cheers :)
     
  15. svgtools

    svgtools

    Joined:
    Nov 10, 2017
    Posts:
    16
    I was happy to help.
     
    v_James_v likes this.
  16. Gaspar

    Gaspar

    Joined:
    Jun 14, 2014
    Posts:
    28
    Hello! Have trouble with this svg file. Could you help?
     

    Attached Files:

    • 5.zip
      File size:
      1.2 KB
      Views:
      331
  17. svgtools

    svgtools

    Joined:
    Nov 10, 2017
    Posts:
    16
    Hello, filter effects not support.
     
  18. Gaspar

    Gaspar

    Joined:
    Jun 14, 2014
    Posts:
    28
    Thank you! It looks like i cant use photoshop to make svg, but i still can use illustrator, so it's ok.

    Unfortunately, i also have trouble with this file. Could you check it too? Its only <path> there.
     

    Attached Files:

  19. svgtools

    svgtools

    Joined:
    Nov 10, 2017
    Posts:
    16
    Hello, bug was fixed. Wait for the plugin update in Asset Store.
     
  20. Gaspar

    Gaspar

    Joined:
    Jun 14, 2014
    Posts:
    28
    Looking forward to it. Thanks!
     
  21. Gaspar

    Gaspar

    Joined:
    Jun 14, 2014
    Posts:
    28
    Actually i have another problem. Here is a way to reproduce it:
    1) Import svg file without gradient.
    2) Place it on scene
    3) Make a prefab from it.

    It will be no material in the prefab. And antialiasing does not work without it.
    It does not reproduce with gradient svg files, because it is a material in imported asset file.
     
  22. svgtools

    svgtools

    Joined:
    Nov 10, 2017
    Posts:
    16
    Hello, sorry for the long waiting time. Bugs was fixed.
     
  23. liam_unity990

    liam_unity990

    Joined:
    Nov 29, 2017
    Posts:
    2
    Hi, can you import an svg file and then increase the thickness of the generated mesh to make it 3 dimensional with this tool? Our use case is extruding an svg path generated from a font to make it 3D. Thanks.
     
    alienorbit likes this.
  24. Gaspar

    Gaspar

    Joined:
    Jun 14, 2014
    Posts:
    28
    Thanks a lot! Another small bug:
    Image.cs:244

    Code (CSharp):
    1. vertexList[i].uv2 = uv3[i];
    Should be:
    Code (CSharp):
    1. vertexList[i].uv3 = uv3[i];
     
    alienorbit likes this.
  25. svgtools

    svgtools

    Joined:
    Nov 10, 2017
    Posts:
    16
    Hello, thanks for the tip.
     
  26. svgtools

    svgtools

    Joined:
    Nov 10, 2017
    Posts:
    16
    Hello, unfortunately at the moment I have no time for it.
     
  27. OlafsOsh

    OlafsOsh

    Joined:
    Jul 10, 2018
    Posts:
    61
    Hey, are you still operating?
    If yes - can I import just a closed path into Unity via this tool? /sorry, new to this topic/ I have a lathe level designed in PS and there is a "ground" path created, which I need to be a Collider the Player walks on. Is "Сreating and configuring a collider" the thing I am looking for?
     
  28. svgtools

    svgtools

    Joined:
    Nov 10, 2017
    Posts:
    16
    Hello, attach svg file to a forum.
     
  29. UDN_41c53a1a-0daa-4677-a552-0a2e49c9be23

    UDN_41c53a1a-0daa-4677-a552-0a2e49c9be23

    Joined:
    Dec 28, 2016
    Posts:
    28
    Hello
    I find a problem, the gradient SVG does not show collectively in UI image.
    Could you help me? thank you.
     

    Attached Files:

  30. UDN_41c53a1a-0daa-4677-a552-0a2e49c9be23

    UDN_41c53a1a-0daa-4677-a552-0a2e49c9be23

    Joined:
    Dec 28, 2016
    Posts:
    28
    Another problem, some SVG can't resolve
    I upload the file.
    Error is "ArgumentException: An item with the same key has already been added. Key: 0.00_0.00_0.00_0.00"
    And Editor will Seems to be losing response at some times.
     

    Attached Files:

    • s.zip
      File size:
      1.2 MB
      Views:
      313
  31. svgtools

    svgtools

    Joined:
    Nov 10, 2017
    Posts:
    16
    Hello, sorry for the long waiting time. Bugs was fixed.
     
  32. nsxdavid

    nsxdavid

    Joined:
    Apr 6, 2009
    Posts:
    476
    @svgtools

    Nice asset, very robust implementation and very clean code. Good job. I do have one issue, however: When you import an SVG asset, it converts it to a ".asset" file on disk. So it is not clear at all how to update an SVG file after you make changes. If you just drop the SVG back in there, it leaves it as an .SVG file and does not update the original asset. And deleting the .asset and it's meta can create a bit of a mess in your scene/prefabs/etc. plus lose all settings.

    Why do you convert it to a .asset? This is not how other assets in Unity work. For example, if you drop an FBX in a project, the FBX file is maintained and easy to update (which reimports). All the settings are stored in the meta file.

    Am I missing something here?
     
  33. Pidalka

    Pidalka

    Joined:
    Jun 22, 2019
    Posts:
    1
    Error editing svg asset inside Unity 2019.2.5f1
     
  34. svgtools

    svgtools

    Joined:
    Nov 10, 2017
    Posts:
    16
    Hello, please send me svg file to email.