shape

来源： https://stackoverflow.com/questions/23299552/text-with-shapes-in-drawable-resource

I just created a red circle using android shapes: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:innerRadiusRatio="4" android:shape="ring" android:thicknessRatio="9" android:useLevel="false" > <solid android:color="#FF0000" /> <size android:height="48dip" android:width="48dip" /> </shape> This is really cool, but I cannot set the background color of the circle to my color. I tried android:background="#FFFFFF" but it always appear to be black in my layout. How can I set the background of the above shape? I think a layer-list

Another WPF question... <UserControl x:Class="TKEApp.Components.UserControls.ButtonControl" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Grid Background="Black"> <TextBlock Foreground="White" Background="Brown" Name="lblCaption" TextAlignment="Center"></TextBlock> </Grid> </UserControl> Somwhere in the application code I have an instance of this control and I need to make it's corners rounded programmatically. Is this possible? You need to use a Border to provide rounded corners, so you could do something like this:

I'm using shape attribute like this: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" android:padding="10dp"> <solid android:color="#FFFFFF" /> <corners android:bottomRightRadius="15dp" android:bottomLeftRadius="15dp" android:topLeftRadius="15dp" android:topRightRadius="15dp" /> </shape> and <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/rounded_textview"> </TextView> If I change the color at runtime with the following method: TextView

Why this clipTo method doesn't work on the latest fabricjs version, which you could resize the object container and the image inside it. Also you able to move the container object and image object. var imgInstance = new fabric.Image(img, { width: instanceWidth, height: instanceHeight, top: (canvas.getHeight() / 2 - instanceHeight / 2), left: (canvas.getWidth() / 2 - instanceWidth / 2), originX: 'left', originY: 'top' }); canvas.add(imgInstance); imgInstance.clipTo = function(ctx) { /* image clipping method doesn't work on latest fabricjs version*/ ctx.save(); ctx.setTransform(1, 0, 0, 1, 0, 0)

I am trying to cut an image into a particular shape using the canvas clip() method. I have followed the following steps to do so: Draw a rectangle. Draw semi circles on each side. The right and bottom semi circles protrude outwards and the left and top semi circles are inwards. The code snippet is provided below: var canvasNode = this.hasNode(); var ctx = canvasNode && canvasNode.getContext('2d'); var image = new Image(); image.onload = function() { ctx.drawImage(image, 0, 0, 512, 384); }; image.src = "images/image.png"; var startX = 200; var startY = 0; var rectWidth = 150; var rectHeight =