У меня есть следующее представление с изображением книги:
struct MaskContentView: Просмотр { var body: some View { ZStack { Прямоугольник() .fill(LinearGradient(цвета: [.красный, .зеленый], startPoint: .top, endPoint: .bottom)) Прямоугольник() .fill(LinearGradient(цвета: [.red, .purple, .green], startPoint: .top, endPoint: .bottom)) .padding(10) Прямоугольник() .fill(LinearGradient(цвета: [.желтый, .зеленый], startPoint: .top, endPoint: .bottom)) .padding(20) .overlay(выравнивание: .center) { Изображение («книга») .изменяемый размер() .aspectRatio(contentMode: .fill) .colorMultiply(.black) .opacity(0.1) .rotationEffect(.grades(-20), привязка: .center) .offset(x: 50.0, y: 10) .clipShape(Прямоугольник()) .обрезанный() } Текст("Туризм") .foregroundStyle(.white) .font(.largeTitle) } .frame(ширина: 200, высота: 250) } } Я пытаюсь закрепить изображение в прямоугольнике, к которому оно добавлено в качестве наложения, но оно выходит за пределы фоновых прямоугольников. Как мне этого добиться?
Изображение:

Текущий результат:

Мобильная версия