This post originated from an RSS feed registered with .NET Buzz by Frank Hileman. Original Post: VG.net Vector Graphics in Internet Explorer Feed Title: Frank Hileman's Blog Feed URL: http://weblogs.asp.net/frank_hileman/rss?containerid=13 Feed Description: Vector Graphics with VG.net, MyXaml, and Visual Studio Integration Latest .NET Buzz Posts Latest .NET Buzz Posts by Frank Hileman Latest Posts From Frank Hileman's Blog

The new release of VG.net includes enhancements to simplify the hosting of VG.net animated vector graphics in Internet Explorer. You can now display animated Pictures on web pages using the default IE permissions. Here is a sample: http://www.myxaml.com/misc/vgdotnet/samples/dials.htm

Push the power button to turn the animation on and off. Resize the window, and you will see the vector graphics display resize to fit. The color buttons change the overall color of all graphical components in the display:

This color change illustrates a powerful feature in VG.net: the ability to change a single Style and affect an entire set of Picture components. How does this work? Each UI element you see here is a child Picture. The Pictures are constructed with backing Elements, ellipses or rectangles, that reference a Style called “BackColor”. Over top of those backing objects are various transparent Elements with shading in black, white, or gray. When the “BackColor” Style is modified by the top-level Picture, it affects all the child Pictures, but they retain the same relative black and white shading.

Thanks to Marc Clifton at MyXaml for hosting this demo.