> For the complete documentation index, see [llms.txt](https://lochiwei.gitbook.io/ios/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lochiwei.gitbook.io/ios/swiftui/view/modifier/rendering.md).

# rendering modifier

╱🚧 under construction

[SwiftUI](/ios/swiftui.md) ⟩ [view](/ios/swiftui/view.md) ⟩ [modifier](/ios/swiftui/view/modifier.md) ⟩ rendering modifier

{% hint style="success" %}
Scale or mask a view, or apply graphical effects to a view.
{% endhint %}

{% tabs %}
{% tab title="💾 程式" %}

```swift
Text("Clipped text in a circle")
    .frame(width: 175, height: 100)
    .foregroundColor(Color.white)
    .background(Color.black)
    .clipShape(Circle())            // ⭐️ rendering modifier 
```

{% endtab %}

{% tab title="📘 手冊" %}

* [SwiftUI](https://developer.apple.com/documentation/swiftui) ⟩  [View fundamentals](https://developer.apple.com/documentation/swiftui/view-fundamentals) ⟩ [View](https://developer.apple.com/documentation/swiftui/view) ⟩  [rendering modifiers](https://developer.apple.com/documentation/swiftui/view-graphics-and-rendering)
  * [.clipShape(\_:style:)](https://developer.apple.com/documentation/swiftui/view/clipshape\(_:style:\)) ： [.cornerRadius()](https://developer.apple.com/documentation/swiftui/view/cornerradius\(_:antialiased:\)) 已經廢止 (<mark style="color:red;">deprecated</mark>)，用此 modifier 代替
  * [.clipped(antialiased:)](https://developer.apple.com/documentation/swiftui/view/clipped\(antialiased:\))：將 view 突出 frame 的部分裁掉
  * [.mask(alignment:\_:)](https://developer.apple.com/documentation/swiftui/view/mask\(alignment:_:\))
    {% endtab %}

{% tab title="📗 參考" %}

* [ ] Sarun ⟩ [What is the fixedSize modifier in SwiftUI](https://sarunw.com/posts/swiftui-fixedsize/)
  {% endtab %}
  {% endtabs %}