從圖像變形爲Silverlight 3中的形狀

Question

我有一個要求，即從Silverlight 3中的圖像（png）轉換爲形狀（多邊形）作爲效果，但當然沒有內置轉換或方法做這個。

目前，我擁有的最好的是淡出一個，另一個，但任何人都可以建議一個體面的替代品，可以工作或看起來更好？

問候

武

Answer 1

在混合：

1. 創建一個矩形。將筆畫設置爲「無筆刷」並填充爲「平鋪畫筆」。
2. 對於Tile Brush的ImageBrush，選擇您的圖像。
3. 在對象瀏覽器中，選擇矩形，右鍵單擊>路徑>轉換爲路徑。
4. 使用鋼筆工具將一些點添加到路徑。
5. 添加故事板。
6. 在1秒鐘內添加一個關鍵幀。混合將進入記錄模式
7. 使用直接選擇工具將點移動到所需的多邊形形狀。測試你的動畫。

此時，圖像變形爲一個形狀，但圖像仍然存在。如果您需要刪除的圖像，以及變身吧：

1. 在你的故事板，在一幀，1秒，更改不透明度爲0
2. 創建矩形的副本，但請務必填寫設置爲「無刷」，「筆觸」設置爲彩色和寬度。將不透明度設置爲0.
3. 添加點，並模擬剛設置的圖像矩形的動畫。
4. 爲此元素添加1秒的關鍵幀。在記錄模式下，將不透明度更改爲100％。

最終的結果將是兩個路徑變形，所述一個與所述圖像淡出，而所述一個無填充在衰落。

Answer 2

我不是一個Silverlight程序員，不知道你想要做什麼的細節，所以這只是在黑暗中拍攝，但...如果想要圖像變形的形狀始終具有相同的初始視覺外觀（或某些有限的外觀），則可嘗試將原始圖像變形爲該形狀的圖像，然後交換圖像即一旦完成變形，就會爲幾何變形目標。當然，這種方法是否有效還是取決於你正在做什麼的細節。對不起，如果你已經考慮過，並排除它。

Answer 3

通過使用適當的投影矩陣，您可以將圖像筆刷變形爲形狀路徑。或者使用圖像筆刷呈現形狀，然後將該形狀變形爲目標形狀，即從矩形轉到目標形狀，但使用圖像筆刷作爲形狀背景。不過，您可能仍需要以某種方式扭曲圖像筆刷。

渲染變形圖像的示例是here in Charles Petzold's blog。