Loading login details...

Crouching Tiger, Hidden Changes

SVG (Scalable Vector Graphics) is an XML format for representing graphics. Because it is pure XML, DeltaXML can be applied to two SVG files to determine the differences. We have taken a simple example of SVG to show how this can be done, and by processing the resultant delta file we have shown how the changes can be converted into animation to show up in a viewer. This provides a powerful way to show changes to graphics files.

The changes to the eyes are immediately visible. Look carefully to see the two other changes!

The Original Tiger

The Modified Tiger

tiger.jpg

tiger2.jpg

View/Download: tiger.jpg / tiger.svg

View/Download: tiger2.jpg / tiger2.svg

Showing the Changes

We perform an XML comparison with DeltaXML, and then process the delta file to convert it back into SVG with animation, as shown below.

The Differenced Tiger

tiger-to-tiger2.gif

View/Download: tiger-to-tiger2.gif / tiger-to-tiger2.svg

So we can find changes, record them as XML and use them to produce an animated SVG. How about handling multiple changes to an SVG image?

Next: Merging SVG with DeltaXML