SVG icon - questions

Login to reply to this topic.
Mon, 2007-06-18 17:53
Bill_Murray
Joined: 2005-09-04
 Forum posts: 145

Hi
I managed to create a simple SVG icon using Inkspace (which appears on app menu).
I chose File->New->icon_48*48 , edited and saved it, and than used mifconv.

I have some unresolved issues , Please advice:
1) When the app menu is in list view , only part of the icon appears,
How can this be solved?

2) How can I make the Icon appear on the SDK emulator?

3) I tried in many different ways (including editing an existing SVG) to create the SVG from an existing BMP file (or JPG) file.
I used File->Import and the icon preview seemed ok ,
but the icon is empty on app menu.
Any idea how to paste/import a nice image and than create the SVG icon from it?

Thank you very much

Mon, 2007-06-18 19:20
eric
NewLC AdministratorSymbian AccreditedForum Nokia Champion
Joined: 2003-01-14
 Forum posts: 2006
Re: SVG icon - questions

Open your svg file with any text editor, locate the <svg> tag and add a:

viewBox="0 0 your_icon width your icon_height"

I generally add this just after the width and height parameters. The value above assumes that (0,0) is the corner of your icon, if not, adjust the coordinates accordingly.

Eric Bustarret
NewLC Founder & CEO / Professional Symbian OS Consultant

 
Wed, 2007-06-20 15:27
Bill_Murray
Joined: 2005-09-04
 Forum posts: 145
Re: SVG icon - questions

Thanks Eric
I created several SVG's .
in some the "viewBox" parameter existed and seems to be ok,
but still the icon didn't appear.
I also tried adding this parameter,but no change Sad

 
Fri, 2007-06-22 10:07
eric
NewLC AdministratorSymbian AccreditedForum Nokia Champion
Joined: 2003-01-14
 Forum posts: 2006
Re: SVG icon - questions

Two other things:
- you need to save the icon in plain SVG, not Inkscape SVG
- and finally you need to convert it into SVG-Tiny using the SVG2SVGT tool that is shipped with your SDK.

Have you done this as well ?

Eric Bustarret
NewLC Founder & CEO / Professional Symbian OS Consultant

 
Fri, 2007-06-22 14:57
Bill_Murray
Joined: 2005-09-04
 Forum posts: 145
Re: SVG icon - questions

Hi Eric
I managed to convert a bitmap to SVG using SVG factory.
this created a SVG which looks empty if I open it with inkscape but looks good on device.
It appears on device even without the SVG2SVGT tool.
please tell me,
why is the svg-tiny so important?
and how do I know that I created a SVG-tiny and not just a SVG? (the extension is SVG on both , right?)

Thank you very much!

 
Fri, 2007-06-22 15:21
eric
NewLC AdministratorSymbian AccreditedForum Nokia Champion
Joined: 2003-01-14
 Forum posts: 2006
Re: SVG icon - questions

SVG Tiny (SVGT) is just a subset of SVG. Converting to SVGT ensure that :
- unsupported nodes are not in your file
- your file will be rendered equally on your pc and device.

If you just make simple graphic, converting to SVGT can be optionnal (however, you end up with smaller file as Inkscape and Illustrator put some extra information in the file.

And yes, the extension is the same.

Eric Bustarret
NewLC Founder & CEO / Professional Symbian OS Consultant

 
Fri, 2007-06-22 23:44
Bill_Murray
Joined: 2005-09-04
 Forum posts: 145
Re: SVG icon - questions

Thanks again eric!

 
Tue, 2007-07-31 19:32
klwdallas
Joined: 2007-05-03
 Forum posts: 2
Re: SVG icon - questions

What if you are using Adobe Illustrator? What are the steps to save/convert properly for use in S60 devices?

 
  • Login to reply to this topic.