Instance Method インスタンスメソッド

rotation3DEffect(_:axis:anchor:anchorZ:perspective:)

Rotates this view’s rendered output in three dimensions around the given axis of rotation. このビューのもつ描画された出力を３次元においてこの指定された回転軸を中心として回転します。

Declaration 宣言

func rotation3DEffect(_ angle: Angle, axis: (x: CGFloat, y: CGFloat, z: CGFloat), anchor: UnitPoint = .center, anchorZ: CGFloat = 0, perspective: CGFloat = 1) -> some View

Parameters パラメータ

angle: The angle at which to rotate the view. それでこのビューを回転する角度。
axis: The x, y and z elements that specify the axis of rotation. x、yそしてz要素、それらは回転の軸を指定します。
anchor: The location with a default of center that defines a point in 3D space about which the rotation is anchored. centerの初期状態をもつ位置、それはそれについて回転が据えつけられる3D空間でのある点を定義します。
anchorZ: The location with a default of 0 that defines a point in 3D space about which the rotation is anchored. 0の初期状態をもつ位置、それはそれについて回転が据えつけられる3D空間でのある点を定義します。
perspective: The relative vanishing point with a default of 1 for this rotation. この回転に対して1の初期状態をもつ相対的消点。

Discussion 議論

Use rotation3DEffect(_:axis:anchor:anchorZ:perspective:) to rotate the view in three dimensions around the given axis of rotation, and optionally, position the view at a custom display order and perspective. rotation3DEffect(_:axis:anchor:anchorZ:perspective:)を使って、ビューを３次元においてこの与えられた回転軸を中心として回転してください、そして随意に、ビューをあるあつらえの表示順と遠近法に置いてください。

In the example below, the text is rotated 45˚ about the y axis, front-most (the default zIndex) and default perspective (1): 下の例において、テキストはy軸、最前面（初期状態のzIndex）そして初期状態のperspective（1）で45˚回転されます：

Text("Rotation by passing an angle in degrees")
    .rotation3DEffect(.degrees(45), axis: (x: 0.0, y: 1.0, z: 0.0))
    .border(Color.gray)

A screenshot showing the rotation of text 45 degrees about the