bitmaps in SVG

Discuss SVG code, accessible via the XML Editor.
boli

bitmaps in SVG

Postby boli » Fri Jul 02, 2010 11:46 am

Hello,

I want to know if SVG can be used to show bitmap animation? I see a lot of links online on how to convert bitmaps -> vector for SVG. But I am just looking for a way to show raster bitmaps within SVG. Where can I learn how to do that? Basically I have some Flash animation that is nothing more than a sequence of bitmaps at a certain framerate. I want to duplicate that with SVG or something else that can show on an iphone.

Thanks
B

User avatar
tomh
Posts: 218
Joined: Sat Feb 14, 2009 10:14 pm

Re: bitmaps in SVG

Postby tomh » Mon Jul 05, 2010 7:37 am

SVG can certianly import bitmap images (just copy+past an image into inkscape and then go to the xml editor to see how), so this isn't the hard part.

Animation in SVG can be done in two ways: via javascript or SMIL animation. Inkscape does not support eaither at the moment, so you would have to hand edit the SVG in a text editor. Mozilla does not support SMIL and webkit (Safari) has limmited support.

In your case, where you only have a sequence of images (like a film reel?), I would suggest going the javascript route, inside a normal webpage.
Have a look at this page of examples to give you an idea of the two methods / techniques

User avatar
prkos
Posts: 1625
Joined: Tue Nov 06, 2007 8:45 am
Location: Croatia

Re: bitmaps in SVG

Postby prkos » Mon Jul 05, 2010 11:36 am

just hand over the chocolate and nobody gets hurt

Inkscape Manual on Floss
Inkscape FAQ
very comprehensive Inkscape guide
Inkscape 0.48 Illustrator's Cookbook - 109 recipes to learn and explore Inkscape - with SVG examples to download


Return to “SVG / XML Code”