blendMode(_:)

Return Value 戻り値

A view that applies blendMode to this view. あるビュー、それはblendModeをこのビューに適用するものです。

Discussion 議論

Use blendMode(_:) to combine overlapping views and use a different visual effect to produce the result. The BlendMode enumeration defines many possible effects.

In the example below, the two overlapping rectangles have a BlendMode.colorBurn effect applied, which effectively removes the non-overlapping portion of the second image:

HStack {
    Color.yellow.frame(width: 50, height: 50, alignment: .center)


    Color.red.frame(width: 50, height: 50, alignment: .center)
        .rotationEffect(.degrees(45))
        .padding(-20)
        .blendMode(.colorBurn)
}