SVG Help needed.

[Talentc1]

Hi, I am new to using SVG, I have been trying to simply import a .png image into an SVG file, I have been at it for a few hours now and seem to be getting no further, I either get no image appearing at all or a load of errors. Here is the code that gets me no image appearing at all:


<!--THIS INITIAL CHUNK IS CODE FOR BUTTON ANIMATION (MADE IN IKIVO ANIMATOR) -->

<g id="menuItem_4">
<animateTransform additive="sum" attributeName="transform" begin="0" fill="freeze" keyTimes="0;1" type="translate" values="31.899,159.833;31.899,159.833"/>
<animateTransform additive="sum" attributeName="transform" begin="0" fill="freeze" keyTimes="0;1" type="scale" values="1,1;1,1"/>
<animateTransform additive="sum" attributeName="transform" begin="0" fill="freeze" keyTimes="0;1" type="translate" values="-31.899,-159.833;-31.899,-159.833"/>
<animateTransform attributeName="transform" begin="ik_menuItem_4_focusin.begin;ik_menuItem_4_focusin.repeatEvent" calcMode="discrete" fill="freeze" keyTimes="0;1" type="translate" values="0,0;0,0"/>
<animateTransform additive="sum" attributeName="transform" begin="ik_menuItem_4_focusin.begin;ik_menuItem_4_focusin.repeatEvent" fill="freeze" keyTimes="0;1" type="translate" values="31.899,159.833;31.899,159.833"/>
<animateTransform additive="sum" attributeName="transform" begin="ik_menuItem_4_focusin.begin;ik_menuItem_4_focusin.repeatEvent" fill="freeze" keyTimes="0;1" type="scale" values="1.44,1.2;1.44,1.2"/>
<animateTransform additive="sum" attributeName="transform" begin="ik_menuItem_4_focusin.begin;ik_menuItem_4_focusin.repeatEvent" fill="freeze" keyTimes="0;1" type="translate" values="-31.899,-159.833;-31.899,-159.833"/>
<animateTransform attributeName="transform" begin="ik_menuItem_4_activate.begin;ik_menuItem_4_activate.repeatEvent" calcMode="discrete" fill="freeze" keyTimes="0;1" type="translate" values="0,0;0,0"/>
<animateTransform additive="sum" attributeName="transform" begin="ik_menuItem_4_activate.begin;ik_menuItem_4_activate.repeatEvent" fill="freeze" keyTimes="0;1" type="translate" values="31.899,159.833;31.899,159.833"/>
<animateTransform additive="sum" attributeName="transform" begin="ik_menuItem_4_activate.begin;ik_menuItem_4_activate.repeatEvent" fill="freeze" keyTimes="0;1" type="scale" values="1,1;1,1"/>
<animateTransform additive="sum" attributeName="transform" begin="ik_menuItem_4_activate.begin;ik_menuItem_4_activate.repeatEvent" fill="freeze" keyTimes="0;1" type="translate" values="-31.899,-159.833;-31.899,-159.833"/>
<animateTransform attributeName="transform" begin="ik_menuItem_4_focusout.begin;ik_menuItem_4_focusout.repeatEvent" calcMode="discrete" fill="freeze" keyTimes="0;1" type="translate" values="0,0;0,0"/>
<animateTransform additive="sum" attributeName="transform" begin="ik_menuItem_4_focusout.begin;ik_menuItem_4_focusout.repeatEvent" fill="freeze" keyTimes="0;1" type="translate" values="31.899,159.833;31.899,159.833"/>
<animateTransform additive="sum" attributeName="transform" begin="ik_menuItem_4_focusout.begin;ik_menuItem_4_focusout.repeatEvent" fill="freeze" keyTimes="0;1" type="scale" values="1,1;1,1"/>
<animateTransform additive="sum" attributeName="transform" begin="ik_menuItem_4_focusout.begin;ik_menuItem_4_focusout.repeatEvent" fill="freeze" keyTimes="0;1" type="translate" values="-31.899,-159.833;-31.899,-159.833"/>

<g>

<image xlink:href="../abc.png" x="72" y="92" width="160" height="120"/>

</g>

</g>



Any advice will be appreciated.

Thanks.

[antonypr]

I'm not a SVG expert myself. Just some thoughts:

1) Check this Wiki page, http://wiki.forum.nokia.com/index.ph...ded_SVG_images

2) Make sure that you include SVG-T file (instead of SVG). There is a tool to convert SVG to SVG-T at \S60Tools\svg2svgtconverter.

[Talentc1]

Thanks for the advice I will check that page out.

Just to clarify, I do have a working SVG-T file, it includes buttons and I am trying to make the buttons graphics be an external image. It works fine with a <rect......./>, but when I try to use <image..... I get either no button appearing with some code, and a lot of errors with other code.