clipping

I have an ItemsControl in a ScrollViewer . The items in the ItemsControl are expanded to a DataTemplate which basically consists of an Adorner . Now the problem is, when scrolling, the Visual Children of the Adorner are visible outside the ScrollViewer . Lets say I scroll from the Horizontal Offset 0 to 100, the Visual Children of the Adorner move to the left and are visible next to the ScrollViewer , although they should be hidden. Setting ClipToBounds on the ItemsControl or the ScrollViewer does not work. I understand, that Adorner are rendered above all elements z-order wise, but they

The UIElement.Clip property takes a Geometry object and uses it to clip away the outside of the UIElement . I would like to do the geometric inverse and punch a hole into the element instead. Anyone know how to do this? I imagine creating an inverted version of the clip geometry would work, but I can't find a way to do this. EDIT It seems that WPF has Geometry.Combine which can be used to subtract one geometry from another, though this isn't available in Silverlight. If it were, I could subtract the clip geometry from the rectangle of the element's bounding rectangle, and use that to clip

I need to create a round ProgressBar template. ControlTemplate : <ControlTemplate TargetType="{x:Type ProgressBar}"> <Grid x:Name="TemplateRoot" SnapsToDevicePixels="true"> <Rectangle x:Name="PART_Track" Margin="1" Fill="White" /> <Border x:Name="PART_Indicator" HorizontalAlignment="Left" Margin="1" > <Grid x:Name="Foreground" > <Rectangle x:Name="Indicator" Fill="{TemplateBinding Background}" /> <Grid x:Name="Animation" ClipToBounds="true" > <Rectangle x:Name="PART_GlowRect" Fill="#FF86C7EB" HorizontalAlignment="Left" Margin="-100,0,0,0" Width="100"/> </Grid> </Grid> </Border> <Border x:Name=

I'm doing some stylistic text inside of rounded divs, where the text bumps right up against the top of the container. I've been able to control almost all content, nested divs, images set as backgrounds, etc, and had them all clip successfully, but this one has been giving me serious grief. Using the old-school image borders or cover-ups is not a solution as we have dynamic graphical backgrounds. We need a solution to actually clip the text. This is mostly visible in Firefox 3.x and older versions of Chrome Here's the sample code to play with: http://jsfiddle.net/vfp3v/1/ div { -moz-border

I'm new to Quartz. I have 2 images, a background, and a mask with cutout shape that I want to lay over the background in order to cut out a section. The resulting image should be the shape of the cutout. This is my mask (the shape in the middle is 0 alpha): And this is my code: UIView *canvas = [[[sender superview] subviews] objectAtIndex:0]; UIGraphicsBeginImageContext(canvas.bounds.size); CGColorSpaceRef colourSpace = CGColorSpaceCreateDeviceRGB(); CGContextRef cgContext = CGBitmapContextCreate(NULL, canvas.bounds.size.width, canvas.bounds.size.height, 8, 0, colourSpace,

Apparently Internet Explorer (up to version 8 at least) ignores overflow:visible when applying filter (e.g. for opacity), causing anything outside the filtered element to be clipped as if overflow:hidden were used. Are there any workarounds to this behavior ? The sample code below shows how child is clipped by container – only its right and bottom borders are visible. <style type="text/css"> #container { position:absolute; left:100px; top:100px; width:100px; height:100px; border:1px solid black; filter:alpha(opacity=50); overflow:visible; } #child { position:relative; left:-10px; top:-10px;

I am creating a NSView subclass that has rounded corners. This view is meant to be a container and other subviews will be added to it. I am trying to get the rounded corners of the NSView to clip all of the subview's corners as well, but am not able to get it. - (void)drawRect:(NSRect)dirtyRect { NSRect rect = [self bounds]; NSBezierPath *path = [NSBezierPath bezierPathWithRoundedRect:rect xRadius:self.radius yRadius:self.radius]; [path addClip]; [[NSColor redColor] set]; NSRectFill(dirtyRect); [super drawRect:dirtyRect]; } The red is just for example. If I add a subview to the rect, The