What is SVG

SVG (scapable vector Graphics, Scalable vector images) is a formal recommendation of the Internet Federation (Web Consortium), a language that uses XML to describe two-dimensional images. SVG allows 3 forms of image objects to exist, namely vector graphics (such as the path composed of lines, curves, etc.), dot-matrix images, and text. Various image objects can be combined, transformed, and can modify their style, can also be defined as preprocessing objects for reuse. SVG also supports a variety of effects, including nested transformations, path clipping, transparency processing, filter effects, and template objects. At the same time, SVG can be interactive and dynamic, the animation can be added directly to SVG text, or through scripting to join. In the new SVG version, you can also display other information, such as video, audio, and so on. SVG uses scripting languages to complete more complex applications, and the scripting language invokes the SVG object model (SVG Document object models) to access or control all elements, attributes, and property values. Any SVG image element can use a script to handle events such as mouse clicks, double clicks, and keyboard input. Because SVG text is a valid character in an XML namespace, these characters are queried by search engines as keywords for SVG images rp.

SVG has the following advantages over existing image formats such as JPEG, GIF, and PNG, and vector graphics formats such as VML, PDFs, SWF, and so on:

1) based on XML standards

XML is the recommended standard of the Universal consortium, and it has been widely used in structured information exchange. SVG is based on this, there are obvious advantages, such as: a wide range of international infrastructure, strong structural capabilities, as well as the object model.

2) High quality image

Because of the vector, the quality of SVG image is greatly improved. Zoom in, zoom out and all kinds of special effects are better than the performance of the bitmap, when printing, you can print quality output pictures. SVG images are dynamically drawn on the client, and users can adjust some of the image parameters without blurring the image. The size of an SVG image is related only to the complexity of the graphic, regardless of the specific dimensions of the graphic. (Computer science)

3) More accurate color

SVG's reliable color characteristics will bring a lot of new features to the next generation of online e-business--the system can download matching color schemes based on the color scheme of the browser window. SVG supports industry standards for ICC color profiles, such as sRGB.

4 flexible and Easy-to-use file format

SVG consists mainly of 3 parts: vector graphics, bitmaps, and text. Because SVG files are stored in the form of text (XML), it is convenient to change them. That is, without any image processing tools, you can generate an SVG image using Notepad alone.

5 Support Interaction and animation

SVG supports SMIL (Synchronized Multimedia Integration language), allowing users to freely interact with elements in SVG to accomplish established goals that cannot be accomplished by relying solely on images at the moment. Needs to be implemented by the script statement in the Web page.

6) Support character lookup

Because SVG is a text format, finding characters in an image is possible in SVG (which is inconceivable in other format image files).

7) Support XLink and XPointer

You can include hyperlinks in SVG documents so that we can make a Web site that is completely SVG, which can contain images, animations, text, and other multimedia information, and have the ability to interact with users.

8 SVG is a truly open, independent of the supplier of 2D vector graphics format

SVG has been developed and maintained by the consortium, which has defined open standards such as HTML and XML. Moreover, SVG does not belong to anyone, nor does it have patents. This means that there is no license fee, and vendors can create and share content seamlessly. Unlike other vector formats such as Mac OS pict or Windows WMF, SVG has platform independence.

9 svg from the beginning of design, is destined to be a powerful universal standard

The Macromedia, Adobe, and Autodesk, who worked on the SVG-enabled consortium, have a strong will to try to include more versatility in their format in SVG. This allows SVG to be applied to a wide range of applications, including CAD, GIS, and entertainment.

Mobile svg and its characteristics

Because most of the features of SVG are also well-suited to graphics applications in the wireless domain, the wireless domain requires the development of SVG forms that are more suitable for mobile devices, and in order to meet the needs of the industry, the Internet Consortium's SVG Working Group has developed a dedicated standard mobile SVG for mobile applications. Because mobile devices vary greatly in CPU speed, memory size, supported display colors, and so on, a single professional standard is difficult to meet all mobile device requirements. Therefore, to cover the needs of different mobile device families, the SVG working Group has finally developed two levels of mobile SVG professional standards. The first level of professional standards is the SVG Tiny (SVGT), suitable for resource-constrained mobile devices, such as mobile phones; the second level of professional standards is SVG Basic (SVGB), suitable for high-end mobile devices, such as PDAs. As the CPU speed, memory capacity and display of mobile devices are relatively small, the Svg,mobile SVG restricts the content, attribute and function of the support. In order to maintain the compatibility of content and processing software, the SVGT is included in a subset of SVGB when standards are developed, and SVGB is included in a subset of SVG. Images produced in SVG format can be converted to SVG basic and SVG tiny format by reducing precision, omitting the thickness and shading of lines, and so on while keeping the image lines unchanged.

Mobile SVG has an obvious advantage in encoding and displaying animations, maps, and interactive graphics compared to bitmaps. Bitmaps are static, and vector graphics are dynamic, scalable, and can describe very advanced graphic features such as animations, layered graphics, semitransparent objects, drawing, complex shapes, and font effects. In addition, the vector graphics produced by Mobile SVG can perform interactive operations, such as zooming, panning, and additional links.

With the scalability of mobile SVG, graphics can be resized to fit any monitor or printer, or resolution, without causing quality loss. This is an advantage in the wireless world because of the many shapes and sizes of mobile devices. The user can also enlarge the graphics without affecting the quality of the graphics, especially when using the small screen of the mobile phone to look at the picture is more useful.

Mobile SVG files are typically smaller than bitmap files, which can shorten wireless download time, especially for mobile applications that are very bandwidth-aware. Another example, if you enlarge the graphics on the current screen, if the bitmap, there will be blurred image mosaic effect, at this time to obtain high-quality magnification image, you need to retrieve the enlarged image from the server, increased network traffic; SVG graphics are vector data, just use the original data, Zooming in on the client can be achieved without mass loss of magnified graphics.

Another powerful feature of Mobile SVG is the ability to store information about the elements in a graphic. For example, SVG can recognize that a square with a triangle in a graph is a house, and you can know the number of floors in a house. SVG also supports events, which can produce hyperlinks or embedded text pop-ups to give users more information or clickable options. In addition, because SVG is a text format, you can use a basic search engine to search for text in an SVG graphic so that you can query the graphic elements of an SVG graphic that have some attribute, such as the house mentioned above.

Mobile svg will enhance MMS

Mobile SVG has recently been adopted by 3GPP organizations for Multimedia messaging Services (MMS). The adoption of mobile SVG will make many 2.5G and 3G MMS Services a reality.

MMS based on mobile SVG provides users with a more interactive and immersive experience than the simple text and bitmap based graphics currently provided by the wireless system. On the other hand, bandwidth savings may be the most attractive operator for mobile SVG. Mobile svg is different from streaming audio and video, and it can work smoothly in 2.5G, even 2G networks. Content-rich, interactive mobile SVG animations can be transmitted over bandwidth less than 12KB.

Mobile SVG enhances MMS messaging, which is an obvious attraction for handset makers. And, like operators, OEMs can add mobile SVG functionality without making significant changes to the design or significantly increasing costs. Because mobile SVG is such a rich and versatile platform, it is best suited to help device manufacturers provide differentiated services.

There are tools available to convert existing content to mobile SVG and optimize it based on mobile and network conditions, so content vendors will be able to reduce development difficulties and costs. With the right system content, developers should be able to create or convert their content one at a time so that almost all devices can display the content, provided they have the appropriate functionality and SVG player. This situation is similar to making Web pages in HTML now.

For next-generation wireless Systems (3G), success depends on the user. For wireless users, if there is a good reason for them to replace their existing phones, they will be replaced. MMS, which is enhanced by user-centric technology like mobile SVG, will give more reason to promote mobile phone upgrades. So, for the industry, the challenge is to implement and apply mobile SVG.

Other application types and content suitable for Mobile svg

While Mobile SVG is starting to show up on MMS, in fact there are plenty of applications in addition to Mms,mobile SVG, including: Entertainment: Interactive cartoons, greeting cards and animations.

Location-based Services: Display moving objects and related links on a map, while allowing users to scale maps, toggle the visibility of different layers, select specific areas, etc., and apply them to specific applications such as car navigation, car scheduling, electronic guides, mobile advertising, etc.

Onsite service: Including technical drawings, with mobile SVG, you can draw a consistent, high-quality images, you can see the panorama, you can see the local details.

Email attachments: With mobile SVG, you can display common Office documents on mobile devices that support MMS, such as Ms Word, Ms PowerPoint, Adobe PDF, and other document formats, and maintain the integrity of formatting, graphics, and font information for document content.

Any other jpg, GIF, or other bitmap format that does not meet the requirements of a wireless application, such as the requirement to provide a rich, scalable, interactive graphics or animation places.

Considerations for implementing Mobile SVG

Mobile SVG is mainly used for mobile devices with very limited resources, so when implementing mobile SVG, performance index becomes the most important index. Cell phone memory is very small, CPU speed is also very slow, PDA memory will be slightly larger, CPU processing capacity will be better, but both of the display screen resolution is very small. Although mobile SVG is designed specifically to make it easier to implement SVG on mobile devices, it is possible to implement XML parsing, scripting, DOM, Image Library, rendering and so on for a user agent.

In general, XML parsing is faster, and Dom consumes a lot of memory. Rendering of images consumes a lot of CPU time and memory. Taking some effort in these areas, it is possible to achieve a greater performance improvement. In addition, mobile devices are generally very slow to float, so the optimization algorithm to minimize the floating operation, but also to improve the performance of one aspect.

On the other hand, the SVG content to be displayed determines the performance of the rendering. What should be paid attention to when generating SVG footage? First of all, obviously, the more image elements to display, the longer it will be rendered. Of course, special effects on graphics, such as filters, gradient fills, smoothing, and so on, will increase the rendering time, so use these features when it is really necessary.

In general, in implementing mobile SVG, operators, terminal manufacturers, content providers are required to work together to make the unlimited power of mobile SVG more glamorous on resource-constrained mobile devices.