[JimmPooJimmPoo]

hi,

I wrote my first app and it's working fine on my phone
but there is one problem:
in my ap are lots of graphics in *.png format....( app is ~ 2 MB )
I used topwindow to show thom on my screen...

now i want to convert *.png to *.svg with same effect.
is that possible:

pic=graphics.Image.open("C:\\newpicture.svg")
canvas.blit(pic)
e32.ao_sleep(5)

so what i want is:
show newpicture.svg for 5 seconds and then switch back to backround image of my app...


(I hope you understand it..., sry for my english)

[bogdan.galiceanu]

Have you tried it? It's always a good idea to try something before asking questions

The supported formats are jpg, png and gif. sgv images are used for icons, not for being displayed on a canvas.

[cyke64]

Originally Posted by bogdan.galiceanu

Have you tried it? It's always a good idea to try something before asking questions

The supported formats are jpg, png and gif. sgv images are used for icons, not for being displayed on a canvas.

SVG and especially SVG-T for S60 phones are vectorial images not bitmap images so exact resolution could be difficult.
Look at this thread for converting tools.

BR
Cyke64

[andipro]

Hi,

I've written a SVG-File. Should look like a ball with 3D effect. Works fine on the PC, but the S60 (because of SVG tiny?) ignores the cx cy option of radialGradient:

<radialGradient id="verlauf" cx ="25%" cy ="25%" r ="85%">
      <stop offset="0%" stop-color="white" />
      <stop offset="75%" stop-color="yellow" />
      <stop offset="100%" stop-color="grey" />
    </radialGradient>

and so the glance of the ball appears simply in the middle
is there a any trick to get same effect ?

[novis]

Hi andipro,
would you share your piece of code that shows how you display the svg in your python script?
We could use "on the fly generated" *.svg images e.g. to display database generated map tiles.

Thx
novis

[Rafael T.]

Originally Posted by andipro

Hi,

I've written a SVG-File. Should look like a ball with 3D effect. Works fine on the PC, but the S60 (because of SVG tiny?) ignores the cx cy option of radialGradient:

<radialGradient id="verlauf" cx ="25%" cy ="25%" r ="85%">
      <stop offset="0%" stop-color="white" />
      <stop offset="75%" stop-color="yellow" />
      <stop offset="100%" stop-color="grey" />
    </radialGradient>

and so the glance of the ball appears simply in the middle
is there a any trick to get same effect ?

Hi andipro,

Well, I think the SVG-Tiny won't get all the data that standard SVG gets. So, in your case it could have excluded some options. I recommend you to draw your SVG instead of writing codes. You can do that in programs such as Inkscape(Basic) or Adobe Illustrator(Professional). If you use Illustrator it will do all the necessary changes when you save the file as SVG-Tiny


BR,

Rafael.

[andipro]

Hi,

and thanks for help.

@novis I did not write a python code to display a svg file. I write a svg file (xml) for use it as icon for my python app

@Rafael T. I've tried Inkscape and svg2svgt (a nice package). But the result is the same. svg2svgt is not able to build a correct working code (means not error but not the wished outfit)

Now I did a compromise. I used linearGradient instead of radialGradient and rotated the circle 45° - so it is a similar effect

[jethro.fn]

Originally Posted by andipro

Hi,

I've written a SVG-File. Should look like a ball with 3D effect. Works fine on the PC, but the S60 (because of SVG tiny?) ignores the cx cy option of radialGradient

...

SVG Tiny has several limitations compared to the full-blown SVG specification. You can see an overview of the limitations in the official SVG Tiny specification, especially chapter 3. Data Types:

Percentage

SVGB supports percentages. SVGT does not support percentage values except for the 'width' and 'height' attributes on the outermost 'svg' element.

You need to use "user" coordinates for cx, cy and r. You can set the visible user coordinate region with the viewBox attribute of the outermost <svg> element.

Paint

SVGB supports paint specification for fill and stroke operations, as well as linear and radial gradients. SVGT does not support the more general notion of paint specification and thus only supports solid color fills and strokes.

Although SVG Tiny does not support radial and linear gradient fills, the Nokia S60 implementation allows those, according to S60 Platform: Introduction to SVG-T Graphics, version 1.0:

On top of the SVG-T 1.1 features, the S60 implementation offers additional support for the following:

• Opacity
• Gradients