Projections in the JavaScript API

Microsoft Silverlight will reach end of support after October 2021. Learn more.

Silverlight 3 introduces a way to simulate 3-D effects through projections on a plane. This topic documents the availability of projections for JavaScript API in Silverlight 3.

What are Projections?

Projections are a simplified API for using transforms that simulate a 3-D effect in Silverlight rendering by projecting the object on a plane, then transforming that plane.

Rather than being presented as discrete pages in the JavaScript API Reference for Silverlight, this topic lists the projection types and their members that can be instantiated from XAML and then used with the JavaScript API. The list includes links to the managed API equivalents, which provide XAML usage and examples.

To establish a projection, you set the Projection property on any UIElement. In XAML, you set this using property element syntax, with value of an object element that is either PlaneProjection or Matrix3DProjection.

Projection Types and Properties

• PlaneProjection
  CenterOfRotationX

  CenterOfRotationY

  CenterOfRotationZ

  GlobalOffsetX

  GlobalOffsetY

  GlobalOffsetZ

  LocalOffsetX

  LocalOffsetY

  LocalOffsetZ

  ProjectionMatrix (see Remarks)

  RotationX

  RotationY

  RotationZ

• Matrix3D
  M11

  M12

  M13

  M14

  M21

  M22

  M23

  M24

  M31

  M32

  M33

  M34

  M44

  OffsetX

  OffsetY

  OffsetZ

• Matrix3DProjection
  ProjectionMatrix

Remarks

• PlaneProjection.ProjectionMatrix is a read-only property, representing the Matrix3D that is the evaluated result of characteristics you set with the remainder of the PlaneProjection properties.

• ProjectionMatrix is the only settable property of Matrix3DProjection. In XAML, you use property element syntax, with value of an object element that is a Matrix3D, and individual properties of Matrix3D set on the Matrix3D object element as attributes.