<html dir="ltr" xmlns:mshelp="http://msdn.microsoft.com/mshelp"
xmlns:silverlightsdk="http://msdn.microsoft.com/silverlight" xmlns=
"http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="online documentation, web online help, web help, chm2web" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="generator" content="chm2web Standard 2.7 (unicode)" />
<meta http-equiv="Content-Type" content=
"text/html; charset=utf-8" />
<title>SkewTransform Object</title>
<link rel="stylesheet" href="../../default.css" type="text/css" />
<script type="text/JavaScript" src="../../files/supply.js"></script>
<script type="text/JavaScript">
chmtop.c2wtopf.pageid = "reference/o_skewtransform.htm";
</script>
</head>
<body topmargin="0"><script type="text/JavaScript">
if (window.name != "content")
document.write(" <table width=\"100%\" bgcolor=\"#e1e1e1\"cellspacing=\"2\" cellpadding=\"0\" style=\"border-collapse: collapse; font-family: sans-serif; font-size: 14px; color: #000000; text-decoration: none; \"> <tr> <td align=\"center\" style=\"border-bottom: 2px solid gray\" > <br> Click <a href=\"../../index.html?page=source%2freference%2fo_skewtransform.htm\">here</a> to show toolbars of the Web Online Help System: <a href=\"../../index.html?page=source%2freference%2fo_skewtransform.htm\">show toolbars</a><br> </td></tr></table><br> ");
</script>
<!-- !chm2web! -->
<span id="sdkbannersection"></span>
<div class="tableSection"><span id="sdkbannersection"></span>
<table class="buttonbarshade" cellspacing="0">
<tr>
<td> </td>
</tr>
</table>
</div>
<div class="tableSection"><span id="sdkbannersection"></span>
<table class="buttonbartable" cellspacing="0">
<tr id="hdr">
<td class="runninghead" nowrap="nowrap"><img src=
"../common/logo.png" height="21" alt="Silverlight SDK" />
</td>
</tr>
</table>
</div>
<p><span class="betaboilerplate"><font color="gray" pointsize="8.5"
face="Verdana">[This topic is pre-release documentation and is
subject to change in future releases. Blank topics are included as
placeholders.]</font></span>
</p>
<h1><a name="silverlight_skewtransform_object"></a>SkewTransform
Object</h1>
<div id="mainSection">
<div id="mainBody">
<p>Represents a 2-D skew.</p>
<div id="syntaxblock">
<table class="auto_syntaxtable" id="syntaxtable" style=
"width: 90%; background: #CCCCCC; border: none;">
<tr id="xamlSyntaxBlock">
<th class="syntaxblocklanguage" nowrap="nowrap" style=
"width: 150px; background: #EEEEEE; vertical-align: top;">XAML</th>
<td class="syntaxblockcode" style="background:white;">
<div class="codesyntax" style=
"font-family: 'Courier New', Courier, monospace;">
<<b>SkewTransform</b> .../></div>
</td>
</tr>
<tr id="scriptingSyntaxBlock">
<th class="syntaxblocklanguage" nowrap="nowrap" style=
"width: 150px; background: #EEEEEE; vertical-align: top;">
Scripting</th>
<td class="syntaxblockcode" style="background:white;">
<div class="codesyntax">To create an object using scripting, see
<a href=
"m_silverlightcontrol_createfromxaml.htm">CreateFromXAML</a>.</div>
</td>
</tr>
</table>
</div>
<h4>Properties</h4>
<p><a href="p_skewtransform_anglex.htm">AngleX</a>, <a href=
"p_skewtransform_angley.htm">AngleY</a>, <a href=
"p_skewtransform_centerx.htm">CenterX</a>, <a href=
"p_skewtransform_centery.htm">CenterY</a>, <a href=
"p_dependencyobject_name.htm">Name</a></p>
<h4>Methods</h4>
<p><a href="m_dependencyobject_getvalue.htm">GetValue</a>, <a href=
"m_dependencyobject_setvalue.htm">SetValue</a></p>
<h4>Events</h4>
<h4>Remarks</h4>
<p>A <b>SkewTransform</b> is useful for creating the illusion of
3-dimensional depth in a 2-D object.</p>
<p>The following illustration shows three examples of a <a href=
"o_skewtransform.htm">SkewTransform</a> applied to a <a href=
"o_rectangle.htm">Rectangle</a>.</p>
<p><img src=
"images/local_-909314876_img_wcpsdk_graphicsmm_skewtransformexample.gif"
alt="SkewTransform examples" />
</p>
<br />
<p>Transforms can alter the display of text in your application to
create a decorative effect. The following example shows text skewed
along the x-axis.</p>
<img border="0" src="../conceptual/images/transformedtext03.jpg"
width="225" height="73" /><br />
<b>TextBlock using a SkewTransform</b><br />
<p>The following code example uses a <a href=
"o_skewtransform.htm">SkewTransform</a> to skew text. A skew, also
known as a shear, is a transformation that stretches the coordinate
space in a non-uniform manner. In this example, the two text
strings are skewed -30 degrees and 30 degrees along the
x-coordinate.</p>
<br />
<div class="snippetdistributor_codesnippet" id=
"text_snip#TextBlockSkewTransform" language_override="XAML">
<div style="width: 99%;">
<table class="codeexampletable" style=
"border: 1px solid #999999; background: #CCCCCC; width: 99%;">
<tr>
<th class="codelanguagecell" style=
"background: #CCCCCC; text-align: left;">XAML</th>
</tr>
<tr>
<td class="codeblockcell" style=
"background: #e6e6e6; border: none;">
<pre class="codeblock" style=
"background: transparent; border: none; margin: 0px; padding: 0px; font-family:'Courier New', Courier, monospace;">
<!-- Skew the text using a SkewTransform. -->
<TextBlock
FontSize="32"
FontWeight="Bold"
Foreground="Maroon"
Text="Skewed Text">
<TextBlock.RenderTransform>
<SkewTransform AngleX="-30" AngleY="0" />
</TextBlock.RenderTransform>
</TextBlock>
<TextBlock
Canvas.Top="60"
FontSize="32"
FontWeight="Bold"
Foreground="Maroon"
Text="Skewed Text">
<TextBlock.RenderTransform>
<SkewTransform AngleX="30" AngleY="0" />
</TextBlock.RenderTransform>
</TextBlock>
</pre>
</td>
</tr>
</table>
</div>
</div>
<p><b>Note:</b> A typeface can simulate an italic style by
shearing, or skewing, a glyph. However, a non-simulated italic
typeface is typically designed to have a better visual appearance
than a simulated italic typeface.</p>
<h4>See Also</h4>
<p><a href="../conceptual/c_silverlight_transforms.htm">Transform
Overview</a>, <a href="o_transform.htm">Transform</a></p>
</div>
</div>
<script type="text/JavaScript">
var fe = FindFrame("toc", top);
if ((fe != null) && (chmtop.c2wtopf.jstree != null)) {
if (chmtop.c2wtopf.FITEMS[chmtop.c2wtopf.pagenum] != chmtop.c2wtopf.pageid)
chmtop.c2wtopf.jstree.OpenTreeNode("source/" + chmtop.c2wtopf.pageid);
}
</script>
<!-- CHM2WEB -->
<!-- DO NOT DELETE OR MODIFY THIS CODE WITHOUT
WRITTEN PERMISSION OF A!K RESEARCH LABS -->
<table width="100%" cellspacing="0" cellpadding="0"
style="margin-top: 0pt; border-collapse: collapse;">
<tr> <td align="right" style="background-color:white; border-top: 1px solid gray;">
<a href="http://chm2web.aklabs.com" target="_blank" style="font-family: sans-serif; font-size: 11px; text-decoration: none;"><font color="gray">Converted from CHM to HTML with <b>chm2web Standard 2.7 (unicode)</b></font></a>
</td></tr></table>
<!-- /CHM2WEB -->
</body>
</html>