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.