AspectRatioCorrection Property

get_aspectRatioCorrection();
set_aspectRatioCorrection(value);
Object.defineProperty('aspectRatioCorrection');

Property Value

Changing the value of this property will fire the PropertyChanged and TransformChanged events.

When displaying images, sometimes it is necessary to set a manual aspect ratio correction to compensate for irregular screen resolution (pixel size). For example, if you display an image that is 100 by 100 pixels on most monitors, the image will not be an exact square on screen because most monitors have pixels that are rectangular in shape. Setting the AspectRatioCorrection value can fix this issue.

The AspectRatioCorrection is multiplied by the current vertical scale factor of the control YScaleFactor at all times regardless of the SizeMode value.

This example shows the effect changing AspectRatioCorrection have on how the image is displayed.

Run the demo, now as you click the Example button, the aspect ratio alternates between 1, 2 and 0.5

Start with the ImageViewer example, remove all the code inside the example function (search for the "// TODO: add example code here" comment) and insert the following code:

alert("Current _imageViewer.AspectRatioCorrection is " + this._imageViewer.aspectRatioCorrection);
// Now, change the AspectRatioCorrection to the default
this._imageViewer.aspectRatioCorrection = 1;