Slide 1

Dynamic HTMLStructured Graphics ActiveX Control17.1 IntroductionThe Structured Graphics Control, like the Tabular Data Control, is an ActiveX control that can be added to web page with an object tag.

Like the TDC, the Structured Graphics Control is easily accessible through scripting.

Unlike the TDC, the Structured Graphics Control is meant primarily for visual presentations, not for displaying data and content.IntroductionThe Structured Graphics Control is a Web interface for the widely used DirectAnimation subset of Microsofts DirectX software, used in many high-end video games and graphical applications.

17.2 Shape PrimitivesThe Structured Graphics Control allows you to create simple shapes by using methods that can be called via scripting or through param tags inside object tag.

For the SGC, the basic syntax of the tag is

The order of calls would be Line0001, Line0002, Line0003, and so on.

The 'xxxx' must be similar to 0001, and must proceed in an integer sequential manner, e.g. 0002, 0003, etc.

VALUE can be any available method and its parameters.shape.html

REDBLUEGREENMethod SetLineColor (R, G, B) : sets the color of lines and borders of shapes. takes an RGB triplet in decimal notation as its three parameters

LINE SYTLELINE WIDTHvalue 0 does not draw any lines or borders value 1 creates a solid line (the default)value 2 creates a dashed line

specified in pixelsNOTE:To create a dashed line with the SetLineStyle method, you must set the line width to 1.

REDBLUEGREEN Method SetFillColor (R, G, B) :Sets the fill colorsets the foreground color with which to fill shapes. takes an RGB triplet in decimal notation as its three parameters

determines the style in which a shape is filled with color.

In the example program (shape.html) a value 1 fills shapes with the solid color.

There are 14 possible fill styles

X coordinateY coordinateNOTEAll shapes in the Structured Graphics Control effectively have a surrounding boxheightwidthclockwise rotation relative to the x-axis, (expressed in degrees)

1. X coordinate2. Y coordinate3. height4. width5. starting angle in degrees6. size of the arc relative to the starting angle (in degrees)7. the rotation of the arc

X coordinate Y coordinate height width Rotation in degrees width of the rounded arc at the corners height of the rounded arc at the corners

RoundRect() adds two new parameters the Rect().