# Windows Phone开发（19）：三维透视效果

## 练习一：把对象沿Y轴旋转45度。

        <Image Source="1.jpg" Stretch="Uniform" HorizontalAlignment="Center" VerticalAlignment="Center"
Width="320">
<Image.Projection>
<PlaneProjection RotationY="45"/>
</Image.Projection>
</Image>

OK，就这么简单，可能在设计器里没有看到效果，没关系，你现在轻轻按下F5，马上你就会看到奇迹发生。

## 练习二：沿X轴旋转-60度。

<Image Source="1.jpg" Stretch="Uniform" HorizontalAlignment="Center" VerticalAlignment="Center"
Width="320">
<Image.Projection>
<PlaneProjection RotationX="-60"/>
</Image.Projection>
</Image>

## 练习三：沿Z轴旋转180度。

<Image Source="1.jpg" Stretch="Uniform" HorizontalAlignment="Center" VerticalAlignment="Center"
Width="320">
<Image.Projection>
<PlaneProjection RotationZ="180"/>
</Image.Projection>
</Image>

<Image Source="1.jpg" Stretch="Uniform" HorizontalAlignment="Center" VerticalAlignment="Center"
Width="320">
<Image.Projection>
<PlaneProjection RotationZ="35"/>
</Image.Projection>
</Image>

## 练习四：综合旋转。

<Image Source="1.jpg" Stretch="Uniform" HorizontalAlignment="Center" VerticalAlignment="Center"
Width="320">
<Image.Projection>
<PlaneProjection
RotationX="15"
RotationY="-65"
RotationZ="40"/>
</Image.Projection>
</Image>

## 练习五：心变中心点位置。

<Image Source="1.jpg" Stretch="Uniform" HorizontalAlignment="Center" VerticalAlignment="Center"
Width="320">
<Image.Projection>
<PlaneProjection
RotationX="15"
RotationY="-65"
RotationZ="40"
CenterOfRotationX="0.2"
CenterOfRotationY="0.7"
CenterOfRotationZ="1"/>
</Image.Projection>
</Image>

## 练习六：本地偏移。

<Image Source="2.jpg" Stretch="Uniform"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Height="300">
<Image.Projection>
<PlaneProjection
LocalOffsetX="12"
LocalOffsetY="5"
LocalOffsetZ="24"
RotationX="10"
RotationY="-30"
RotationZ="-25"/>
</Image.Projection>
</Image>

## 练习七：全局偏移。

<Image Source="2.jpg" Stretch="Uniform"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Height="300">
<Image.Projection>
<PlaneProjection
GlobalOffsetX="8"
GlobalOffsetY="55"
GlobalOffsetZ="800"
RotationX="10"
RotationY="-30"
RotationZ="-25"/>
</Image.Projection>
</Image>

#### css3的三D效果transform实例

2018-01-29 17:46:55

#### CSS3进阶：酷炫的3D旋转透视

2016-07-16 15:29:19

#### css3实现一些炫酷的东西

2017-10-26 15:27:35

#### CSS3--perspective属性

2014-09-02 10:42:06

#### Threejs开发3D地图实践总结

2017-07-24 10:25:59

#### 三维显示与透视的MATLAB程序

2012年10月06日 2KB 下载

#### 使用Matlab实现图形透视与镂空

2014-01-09 22:17:35

#### iOS的UIView的三维透视投影变换

2014-09-29 12:16:20

#### 三维效果（透视转换）

2010-05-11 08:03:00

#### Windows Phone 8开发环境搭建

2014-11-24 16:32:49