StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POImage shear in WPF
primarykey
Id
3820348
data
AcceptedAnswerId
0
AnswerCount
2
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2010-09-29T09:35:35.010
FavoriteCount
0
LastActivityDate
2010-10-01T02:02:47.383
LastEditDate
2010-09-30T08:34:40.143
LastEditorUserId
461537
OwnerUserId
461537
ParentId
0
PostTypeId
1
Score
1
ViewCount
894
LastEditorDisplayName
text
Body
I am trying to shear an Image in WPF (C#) using pure XAML. I have used transformations such as skew, scale and matrix but I am not getting the result as I want. Following is the code I am using <pre><code> <Image Source="G:\Demo\virtualization\virtualization\img3.bmp" Stretch="Fill" Height="70" Width="240" Margin="0,170,-312,-29" > <Image.RenderTransform> <TransformGroup> <MatrixTransform Matrix="1,.1,-4.2,1,0,0" />  </TransformGroup> </Image.RenderTransform> </Image> </code></pre> With the above code, below is the similar effect that I am getting: <pre><code> /----/ / / / / /----/ </code></pre> But I want following effect: <pre><code> /---\ / \ / \ /---------\ </code></pre> Due to new user, I am not allowed to post Images right now... Thanks EDIT: I have tried viewport3d to get this effect. Following is the code: <pre><code><Grid> <Image Source="G:\Demo\virtualization\virtualization\2.jpg"/> <Viewport3D Name="mainViewport" ClipToBounds="True" HorizontalAlignment="Stretch" Height="300"> <Viewport3D.Camera> <PerspectiveCamera Position="0, 0, 20" /> </Viewport3D.Camera> <Viewport2DVisual3D> <Viewport2DVisual3D.Transform> <MatrixTransform3D Matrix="1,0,0,0 0,1,0,0 0,0,1,0 0,0,0,1" /> </Viewport2DVisual3D.Transform> <Viewport2DVisual3D.Geometry> <MeshGeometry3D Positions="-1,1,0 -1,-1,0 1,-1,0 1,1,0" TextureCoordinates="0,0 0,1 1,1 1,0" TriangleIndices="0 1 2 0 2 3"/> </Viewport2DVisual3D.Geometry> <Viewport2DVisual3D.Material> <DiffuseMaterial Viewport2DVisual3D.IsVisualHostMaterial="True" Brush="White"/> </Viewport2DVisual3D.Material> <Grid> <Image Source="G:\Demo\virtualization\virtualization\img3.bmp"/> </Grid> </Viewport2DVisual3D> <ModelVisual3D> <ModelVisual3D.Content> <DirectionalLight Color="#FFFFFFFF" Direction="0,-1,-1"/> </ModelVisual3D.Content> </ModelVisual3D> </Viewport3D> </Grid> </code></pre> I am using matrix transformation to get the effect. However I am looking to alternate ways to get this effect May be rotating the camera of viewport.
Tags
<wpf><image><transformation>
Title
Image shear in WPF
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USVinod Maurya
UserOwnerUserId
1. USVinod Maurya
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
2. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 POImage shear in WPF
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.