Search code examples
xamlexpression-blend

Does Expression Blend have a concept of trim/crop?


I'm rebuilding the graphic on the left as the graphic on the right in Expression Blend.

The gradient brushes are great for creating reflection effects but how do I now trim the button on the right now so that it cuts off the rest of the reflective circle?

I can rotate, scale, skew, recenter, and flip but I can't find trim or crop.

And when I select both the top and the bottom to do "combine/intersect" all options are greyed out when I select "combine".

Is trimming the way I want to here possible in Expression Blend or I am reaching the limits of what the underlying XAML could represent?

Or is there an easier way to achieve the graphic on the left?

alt text http://tanguay.info/web/external/trimInBlend.png


Solution

  • Have you tried using a clipping path?

    http://blogs.msdn.com/expression/archive/2008/01/21/clip-path-editing-and-animating-in-blend-2.aspx