×
Namespaces

Variants
Actions

Scalalabe Vector Graphics

From Nokia Developer Wiki
Jump to: navigation, search
Article Metadata
Code ExampleCompatibility
Platform(s):
Symbian
Article
Created: ltomuta (28 Mar 2007)
Last edited: hamishwillee (31 Jul 2012)

(SVG)

(SVG in S60)

Contents

SVG offers several benefits:

Scalability: SVG's can be scaled without losing clarity hence should be preferred to bmp's. Offers scalable (resolution independent) graphics format which reduces graphics design work since same graphic could be scaled to different sizes without sacrificing quality. There is no ROM space hit when going from 176x208 to double resolution, with current bitmap fonts bitmaps could take 4 times more ROM in double resolution .

Flexibility:The content can be modified dynamically, same application with one set of graphics could be used in phones with different resolutions .

Efficiency: As a text-based format, SVG graphics can be compressed better than bitmap images (such as JPEG), resulting in a smaller file size.


Use SVG files only as .mif files due to following reasons:

  1. SVG files are XML text files. To optimize the memory occupied by the SVG files they are converted into a binary format by the MIFCONV tool. The .mif file contains the binary version of the SVG file and not the text version. The memory occupied is reduced to large extent.
  2. The SVG binary format also optimizes performance. XML files are parsed and binary format which is close to the rendering engine is generated as a part the MIFCONV process itself. This reduces loading time of a SVG file as it does not involve XML parsing again.


Tools

Tool to generate MIF file:

A new tool, MifConv, is used for generating MIF (multi image file) files. This will convert source SVG-T files (which are XML) into a more efficient format and package them inside the MIF file.(MIFCONV)


Knowledge Base

The following are the links to the Knowledge Base which includes both Technical Solutions and Known Issues:


Example-Project

The following example describes how an SVG file used as an Application icon as well as resized to display as part of Listbox Item:

(File:SVG ExampleCode.zip)

This page was last modified on 31 July 2012, at 11:24.
46 page views in the last 30 days.
×