在Silverlight 3中从图像变形为形状

Question

我需要在Silverlight 3中将图像（png）变换为形状（多边形）作为效果，但当然没有内置的过渡或方法来执行此操作。

目前我所拥有的最好的一个是淡出一个，另一个是淡入淡出，但是有人可以建议一个可行的或者看起来更好的替代方案吗？

此致

武

Answer 1

在混合中：

1. 创建一个矩形。将笔划设置为无刷并填充到平铺笔刷。
2. 对于Tile Brush的ImageBrush，选择您的图像。
3. 在对象浏览器中，选择矩形，右键单击＆gt;路径＆gt;转换为路径。
4. 使用钢笔工具向路径添加一些点。
5. 添加故事板。
6. 在1秒后添加关键帧。混合将进入记录模式
7. 使用直接选择工具将点移动到所需的多边形形状。测试你的动画。

此时，图像变形为形状，但图像仍然存在。如果您需要删除图像并将其变形：

1. 在故事板中，在1秒的关键帧处，将不透明度更改为0.
2. 创建矩形的副本，但请确保将“填充”设置为“无刷”，并将“笔触”设置为颜色和宽度。将不透明度设置为0.
3. 添加点，并模仿您为图像的矩形设置的动画。
4. 为此元素添加1秒的关键帧。在记录模式下，将不透明度更改为100％。

最终结果将是两个路径变形，一个图像淡出而一个没有填充淡入的路径。

Answer 2

我不是银光程序员，也不知道你想做什么的细节，所以这只是一个黑暗的镜头，但是...如果你希望图像变形的形状是总是会有相同的初始视觉外观（或一些有限的外观），您可能会尝试从原始图像变形到该形状的图像，然后在完成后交换几何体的变形目标的图像变形。这个过程是否有效取决于你正在做什么的细节。对不起，如果您已经考虑过并将其排除在外。

Answer 3

您可以使用适当的投影矩阵将图像画笔变形为形状的路径。或者使用图像画笔渲染形状，然后将该形状变形为目标形状，即从矩形变为目标形状，但使用图像画笔作为形状背景。你可能还需要以某种方式扭曲图像画笔。

呈现扭曲图像的示例是here in Charles Petzold's blog。