---
description: ╱🚧 under construction
---

# rendering modifier

[SwiftUI](../..) ⟩ [view](..) ⟩ [modifier]() ⟩ 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 %}
