rounded-corners

WPF rectangle - round just top corners

断了今生、忘了曾经 提交于 2019-12-03 02:55:34
问题 How can I have just the top corners rounded for a WPF rectange? I created a border and set the CornerRadius property and inside the border I've added my rectangle, but it doesn't work, the rectangle is not rounded. <Border BorderThickness="1" CornerRadius="50,50,0,0" BorderBrush="Black"> <Rectangle Fill="#FF5A9AE0" Stretch="UniformToFill" ClipToBounds="True"/> </Border> 回答1: The problem you've got is that the rectangle is "overflowing" the rounded corners of your border. A rectangle can't

Java - rounded corner panel with compositing in paintComponent

无人久伴 提交于 2019-12-02 20:50:17
From the original question (below), I am now offering a bounty for the following: An AlphaComposite based solution for rounded corners. Please demonstrate with a JPanel . Corners must be completely transparent. Must be able to support JPG painting, but still have rounded corners Must not use setClip (or any clipping) Must have decent performance Hopefully someone picks this up quick, it seems easy. I will also award the bounty if there is a well-explained reason why this can never be done, that others agree with. Here is a sample image of what I have in mind (but using AlphaComposite )

How to make pie chart with data border radius in highchart

一曲冷凌霜 提交于 2019-12-02 19:31:14
问题 I am trying to plot the highchart with data border radius in both end.for that i refered Rounded corners in highcharts but i didn't get Round corners after include script and redius option in first data. <script src="https://rawgithub.com/highslide-software/rounded-corners/master/rounded-corners.js"></script> borderRadiusTopLeft: 40, borderRadiusTopRight: 40, Tried: jsfiddle My requirements: I have to make data border radius like a below attached figure: Note: 1.Need Round corners only for

Iphone Custom UITabBarItem without rounded edges

匆匆过客 提交于 2019-12-02 18:17:26
i try to customize a uitabbar i extended uitabbar item and now have a customized image in it but i cant get rid of the rounded edges. code: @interface CustomTabBarItem : UITabBarItem { UIImage *customHighlightedImage; } @property (nonatomic, retain) UIImage *customHighlightedImage; @end @implementation CustomTabBarItem @synthesize customHighlightedImage; - (void) dealloc { [customHighlightedImage release]; customHighlightedImage=nil; [super dealloc]; } -(UIImage *) selectedImage { return self.customHighlightedImage; } @end maybe somoen knows how to get rid of the rounded rect around the image

WPF rectangle - round just top corners

佐手、 提交于 2019-12-02 16:29:19
How can I have just the top corners rounded for a WPF rectange? I created a border and set the CornerRadius property and inside the border I've added my rectangle, but it doesn't work, the rectangle is not rounded. <Border BorderThickness="1" Grid.Row="0" Grid.ColumnSpan="2" CornerRadius="50,50,0,0" BorderBrush="Black"> <Rectangle Fill="#FF5A9AE0" Grid.Row="0" Grid.ColumnSpan="2" Stretch="UniformToFill" ClipToBounds="True"/> </Border> The problem you've got is that the rectangle is "overflowing" the rounded corners of your border. A rectangle can't have individually rounded corners, so if you

Need to make Image Bottom to corner: React Native

对着背影说爱祢 提交于 2019-12-02 10:59:15
问题 I want to make image rounded from bottom of it. Here is what I wanted to make: I have tried to set borderRadius , but it will apply for the whole image not for bottom. Here is my code: <View style={{ backgroundColor: ‘transparent’, justifyContent: ‘center’, alignItems: ‘center’, height: 159, width: '100%', borderBottomWidth: 70, borderBottomColor: ‘red’, borderBottomRightRadius: 800, borderBottomLeftRadius: 800, }} /> It will give output like this: Which property do I need to set to make a

How to make pie chart with data border radius in highchart

不打扰是莪最后的温柔 提交于 2019-12-02 08:35:41
I am trying to plot the highchart with data border radius in both end.for that i refered Rounded corners in highcharts but i didn't get Round corners after include script and redius option in first data. <script src="https://rawgithub.com/highslide-software/rounded-corners/master/rounded-corners.js"></script> borderRadiusTopLeft: 40, borderRadiusTopRight: 40, Tried: jsfiddle My requirements: I have to make data border radius like a below attached figure: Note: 1.Need Round corners only for first data(both end) in series of the highchart. 2.Don't want white line between two data(refer jsfiddle)

Bitmap with tile mode repeat and round corners

三世轮回 提交于 2019-12-02 07:54:20
问题 I have a bitmap with rounded corners method: Code: public static Bitmap getRoundedCornerBitmap(Bitmap bitmap, int pixels) { Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Config.ARGB_8888); BitmapDrawable TileMe = new BitmapDrawable(output); TileMe.setTileModeX(Shader.TileMode.REPEAT); TileMe.setTileModeY(Shader.TileMode.REPEAT); Canvas canvas = new Canvas(TileMe); final int color = 0xff424242; final Paint paint = new Paint(); final Rect rect = new Rect(0, 0,

chrome/safari loses rounded corners during a jQuery slide transition

别来无恙 提交于 2019-12-02 04:22:32
问题 I am using the jquery script shown here - http://jqueryfordesigners.com/automatic-infinite-carousel/. I have applied my own images as rounded png's into the slider on my site - http://67.225.219.80/ All is well in firefox and IE9 using border-radius. You can see the rounded corners are maintained even with the slider is sliding during auto mode and even when the slider is controlled by the arrows. However in chrome/safari, the rounded corners disappear during the transition. In addition to

Need to make Image Bottom to corner: React Native

半世苍凉 提交于 2019-12-02 04:13:07
I want to make image rounded from bottom of it. Here is what I wanted to make: I have tried to set borderRadius , but it will apply for the whole image not for bottom. Here is my code: <View style={{ backgroundColor: ‘transparent’, justifyContent: ‘center’, alignItems: ‘center’, height: 159, width: '100%', borderBottomWidth: 70, borderBottomColor: ‘red’, borderBottomRightRadius: 800, borderBottomLeftRadius: 800, }} /> It will give output like this: Which property do I need to set to make a perfect round on the bottom of view? you can add a png frame transparent with this shape on it also you