Remembrr that html5 comes with canvas, which can be generated from server side datables and can deal with vectors & bitmaps, and have all css3 transformations classes too.
Can t tell if it s the best solution or not but what i can tell you for sure is do not use SVG for mobile webapp ! :) Envoyé de mon iPhone Le 9 juil. 2010 à 18:32, Peter Spicer-Wensley <[email protected]> a écrit : > Absolutely. I was only considering my own situation with static images. SVG > can be created on the fly and created from equations and interfaces. They are > definitely more scalable and being vector-based are relatively device > independent. SVG is a good format however my needs are best met by png. > > PeterSW > > Sent from my iPad > > On 09/07/2010, at 10:34 PM, Derek Williams <[email protected]> wrote: > >> If there is no compelling reason to use SVG I would agree, but there can be >> some reasons to prefer it over other image formats. >> >> SVG can be useful if the image needs to be updated with dynamic data from >> the server or manipulated. For instance a thematic map with simple >> transforms. >> >> I've used this approach to render a fairly large (in pixels anyway) state >> map with many counties, the color of the county depended on various data. >> The svg, relatively small, is loaded to the browser once, the data values >> are read from the server as needed and the SVG updated accordingly. This is >> done at relatively high speed with very low network usage. The user could >> also zoom without losing detail. IIRC the SVG was on the order of 20KB >> (compressed). The ajax updates were very small, 100 bytes or so. >> >> >> >> On Fri, Jul 9, 2010 at 2:55 AM, Peter Spicer-Wensley >> <[email protected]> wrote: >> Dear group, >> Just use PNG they are fast and efficient and small. >> Tip for making smaller PNG: use Photoshop if going from a bitmap graphic and >> Illustrator if using SVG or EPS. >> >> Go file export for Web and Devices and select PNG8 also select transparency >> (if desired) and AVOID TRANSPARENCY DITHER (looks dreadful). >> >> For the same size graphic PNG file size is much smaller than SVG (often one >> half or less) depending upon the graphic. >> >> Smaller is faster. >> Also PNG CAN DO ANIMATIONS! >> Useful to remember. >> Fireworks is a useful PNG creation tool but makes large intermediate file >> sizes. I usually open Fireworks files in Photoshop once finished and then >> export from there. (Depending on what I'm doing.) >> >> My 25c worth. >> >> PeterSW >> Sent from my iPad >> >> On 09/07/2010, at 2:04 AM, Jonathan Hawkes <[email protected]> wrote: >> >> > I'm trying to write a web app that works in both Android and iPhone. I >> > wanted to use SVG images so that they would scale well. I have just found >> > that Android WebKit does not support SVG, so I wanted to have a fallback >> > PNG for Android. I first tried using the <OBJECT> tag, but that makes the >> > image lose transparency for some reason. I also tried multiple CSS rules: >> > >> > div.logo { >> > background:url(/images/logo.png) no-repeat scroll center center; >> > background-image:url(/images/logo.svg); >> > height:115px; >> > } >> > >> > But Android WebKit still picks up on the second rule even though it can't >> > support it. Any ideas? >> > >> > Thanks! >> > >> > -- >> > You received this message because you are subscribed to the Google Groups >> > "iPhoneWebDev" group. >> > To post to this group, send email to [email protected]. >> > To unsubscribe from this group, send email to >> > [email protected]. >> > For more options, visit this group at >> > http://groups.google.com/group/iphonewebdev?hl=en. >> >> -- >> You received this message because you are subscribed to the Google Groups >> "iPhoneWebDev" group. >> To post to this group, send email to [email protected]. >> To unsubscribe from this group, send email to >> [email protected]. >> For more options, visit this group at >> http://groups.google.com/group/iphonewebdev?hl=en. >> >> >> >> >> -- >> Derek Williams >> Cell: 970.214.8928 >> Home Office: 970.416.8996 >> -- >> You received this message because you are subscribed to the Google Groups >> "iPhoneWebDev" group. >> To post to this group, send email to [email protected]. >> To unsubscribe from this group, send email to >> [email protected]. >> For more options, visit this group at >> http://groups.google.com/group/iphonewebdev?hl=en. > -- > You received this message because you are subscribed to the Google Groups > "iPhoneWebDev" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/iphonewebdev?hl=en. -- You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
