CoordOrigin and CoordSize Attributes

These attributes define the relative coordinate space of a shape. This space is scaled up or down to match the specified @Width and @Height of the shape. Coordinates in the @Path attribute (or element) are relative to the space defined by <CoordOrigin> and @CoordSize, so the @Path definition never needs to change simply to scale the shape.

@CoordSize defines the “width” and “height” of the local coordinate space. @CoordOrigin defines the top-left coordinate of this space.

For example:

coordorigin="0,0"
coordsize="200,200"

coordorigin="-100,-100"
coordsize="200,200"

This local space definition affects the position of the shape. Changing the @CoordOrigin translates the shape within the local space. Changing the @CoordSize affects the size of the shape by changing the size of the local space relative to the shape’s @Width and @Height.

For example:

coordorigin="0,0"
coordsize="500,500"
style="position:absolute;top:0;left:0;width:100pt;
  height:100pt"

coordorigin="-250,-250"
coordsize="500,500"
style="position:absolute;top:0;left:0;width:100pt;
  height:100pt"

coordorigin="0,0"
coordsize="250,250"
style="position:absolute;top:0;left:0;width:100pt;
height:100pt"