Fill a rounded rectangle with a bitmap

Hi!

I am trying to fill a rounded rectangle with a bitmap but I dont get it work.

I have created a D2DBitmapBrush, all works good

I have created a D2DRoundedRect, all works good

Now I need to position the brush so it fits into rectangle.

Anyone can help out if this is the best way of filling an rounded rectangle and how I position it best?

Hi, Answering myself... Here is the code in VB.NET to fill an image into a rounded rectangle.

Using path As D2DPathGeometry = g.Device.CreatePathGeometry() '(New Numerics.Vector2(rCurrentImage.X + rCurrentImage.Width / 2, rCurrentImage.Y + rCurrentImage.Height / 2), New D2DSize(-4 + rCurrentImage.Width / 2, -4 + rCurrentImage.Height / 2))

 Dim roundsize As Integer = 8
 path.SetStartPoint(New System.Numerics.Vector2(rCurrentImage.X, rCurrentImage.Y + roundsize))
 path.AddArc(New System.Numerics.Vector2(rCurrentImage.X + roundsize, rCurrentImage.Y), New D2DSize(roundsize, roundsize), 0, D2DArcSize.Small)

 Dim lines() As System.Numerics.Vector2
 ReDim lines(1)
 lines(0).X = rCurrentImage.X + roundsize
 lines(0).Y = rCurrentImage.Y
 lines(1).X = rCurrentImage.X + rCurrentImage.Width - roundsize
 lines(1).Y = rCurrentImage.Y
 path.AddLines(lines)

 path.AddArc(New System.Numerics.Vector2(rCurrentImage.X + rCurrentImage.Width, rCurrentImage.Y + roundsize), New D2DSize(roundsize, roundsize), 90)
 Dim linesvert() As System.Numerics.Vector2
 ReDim linesvert(1)
 linesvert(0).X = rCurrentImage.X + rCurrentImage.Width
 linesvert(0).Y = rCurrentImage.Y + roundsize
 linesvert(1).X = rCurrentImage.X + rCurrentImage.Width
 linesvert(1).Y = rCurrentImage.Y + rCurrentImage.Height - roundsize

 path.AddLines(linesvert)

 path.AddArc(New System.Numerics.Vector2(rCurrentImage.X + rCurrentImage.Width - roundsize, rCurrentImage.Y + rCurrentImage.Height), New D2DSize(roundsize, roundsize), 90)

 Dim lineshor() As System.Numerics.Vector2
 ReDim lineshor(1)
 lineshor(0).X = rCurrentImage.X + rCurrentImage.Width - roundsize
 lineshor(0).Y = rCurrentImage.Y + rCurrentImage.Height
 lineshor(1).X = rCurrentImage.X + roundsize
 lineshor(1).Y = rCurrentImage.Y + rCurrentImage.Height

 path.AddLines(lineshor)

 path.AddArc(New System.Numerics.Vector2(rCurrentImage.X, rCurrentImage.Y + rCurrentImage.Height - roundsize), New D2DSize(roundsize, roundsize), 90)

 Dim linesve2() As System.Numerics.Vector2
 ReDim linesve2(1)
 linesve2(0).X = rCurrentImage.X
 linesve2(0).Y = rCurrentImage.Y + rCurrentImage.Height - roundsize
 linesve2(1).X = rCurrentImage.X
 linesve2(1).Y = rCurrentImage.Y + roundsize

 path.AddLines(linesve2)

 path.ClosePath()


 Using l As D2DLayer = g.PushLayer(path)
         g.DrawBitmap(Thumb, New D2DRect(rCurrentImage.X, rCurrentImage.Y, rCurrentImage.Width, rCurrentImage.Height),               End Using

End Using
g.PopLayer()

[jingwood]

The direct2d has a method for brush SetTransform that can apply a transform to the brush then you can specify the position of image brush. However, current version of D2DLib that doesn't support the method. I'm wrinting the next release that will include it. Finally the code using transform like below:

// create a bitmap brush
using (var brush = Device.CreateBitmapBrush(Device.LoadBitmap(Resources.IMGP6873), D2DExtendMode.Wrap, D2DExtendMode.Wrap))
{
	// apply a translation transform to change the image position
	brush.SetTransform(Matrix3x2.CreateTranslation(-300, -100));

	// draw rounded rectangle on screen
	using (var pen = Device.CreatePen(D2DColor.Transparent))
	{
		g.DrawRoundedRectangle(new D2DRoundedRect
		{
			rect = new D2DRect(0, 0, 300, 200),
			radiusX = 10,
			radiusY = 10
		}, pen, brush);
	}
}