SVG to Bitmap Conversion Preserving Z-Axis Layering

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Converting SVG vector-based images into bitmaps is challenging due to loss of information about hidden background objects, making it difficult to render them when foreground objects change positions, and existing methods are not executable on all user equipment (UEs) due to limited deployment of SVG Tiny 2.1 and lack of vector support.

Innovation Solution

The method involves splitting an SVG image into principle components, converting them into bitmap images, and positioning them in an HTML page, retaining z-axis information to preserve dynamics, using object identifiers and rasterization to create separate bitmap images that can be layered and animated by controlling transparency and visibility.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If SVG vector-based images are converted into bitmap images, then the content can be displayed on more types of user equipment, but information about hidden background objects is lost and animation becomes difficult

Engineering Contradiction:
Improvedisplay compatibilityVSAvoidbackground object information
Core Design Contradiction:
Adaptability or versatilityVSLoss of information

Solution Approach 1:

The patent segments the SVG image into multiple separate bitmap images, each representing a distinct object or layer. This segmentation preserves individual object information that would otherwise be lost in a single converted bitmap, enabling selective rendering and animation of individual elements while maintaining broad device compatibility.

Inventive Principle:
Principle #1Segmentation

2Adaptability or versatility

If SVG images are converted to bitmaps for broader device support, then more UEs can display the content, but the dynamics and animation capabilities are lost

Engineering Contradiction:
Improvedevice compatibilityVSAvoidanimation capability
Core Design Contradiction:
Adaptability or versatilityVSDuration of action of moving object

Solution Approach 1:

The patent implements dynamics by organizing multiple bitmap images into layered structures with preserved z-axis information, allowing objects to be rendered in different positions and states. This enables animation capabilities where foreground objects can move relative to background objects, and transparency/visibility can be controlled to create dynamic effects, all while maintaining compatibility with devices that cannot natively render SVG.

Inventive Principle:
Principle #15Dynamics

3Extent of automation

If SVG Tiny 1.2 features are used for mobile devices, then advanced multimedia features are available, but the deployment is not yet complete and support is limited

Engineering Contradiction:
Improvemultimedia feature supportVSAvoiddevice support coverage
Core Design Contradiction:
Extent of automationVSAdaptability or versatility

Solution Approach 1:

The patent creates a simplified copy of SVG functionality by converting vector graphics into bitmap representations that can be displayed on any device. By copying the visual appearance while sacrificing the native vector format, the solution achieves broad device compatibility while preserving essential visual and animation characteristics through layered bitmap manipulation.

Inventive Principle:
Principle #26Copying

Data Source

PatentUS8923651B2Data system and method
Publication Date: 2014.12.30 TELEFONAKTIEBOLAGET LM ERICSSON (PUBL)
  • US8923651B2 patent drawing
  • US8923651B2 patent drawing
  • US8923651B2 patent drawing

AI summary

Vector-based images and documents, such as those written in SVG and Adobe Flash, can be converted into equivalent bitmap or other non-vector-based image by parsing the vector-based image to detect objects in the vector-based code. For each detected object, a separate bitmap of the object is created and information about where that image lies on the z-axis is retained. A separate bitmap image is created for each object, and the separate bitmap images are layered on top of one another, which is to say ordered along the z-axis in accordance with their z-axis coordinates. Animation of an image can be implemented by selectively rendering different ones of the bitmap images as transparent.