How can i set a background image for a rectangle

[parity]

I have this rectangle i drew using this function

Code: Select all

love.graphics.rectangle("line", center[1]+100, center[2]-50, 200, 100, 1, 5)

I made a pattern that i want to set as the background of the rectangle, i know i can just put the image at the same position but i want it to respect the radius, how can i do that

[EngineerSmith]

Just find the scale ratio and draw by that ratio

Code: Select all

local scaleX = 200/image:getWidth() -- 200 and 100 from rectangle width and height
local scaleY = 100/image:getHeight() -- e.g. 100/200 -> scales by 0.5
love.graphics.draw(image, 0,0, 0, scaleX, scaleY)

[BrotSagtMist]

What you probably want instead is to use a scissor.
https://love2d.org/wiki/love.graphics.setScissor

Or check again on how to use draw() with quads but that might be a tad harder.

The function to draw rectangles is made to draw rectangles, hard to get more out of it.

[zorg]

If your issue is that you're drawing a rectangle -with rounded corners-, and you want the image to not show outside of the rounded edges, then it's a bit tricky to accomplish that; my first idea would be to use stencils: draw the rounded rectangle to a canvas with stencils enabled, then use that as a test when drawing the image - only the parts that are covered by the stencil should be drawn.