Creating 2D Custom Graphics using SwiftUI Canvas View | SwiftUI 3.0

Опубликовано: 28 Сентябрь 2024
на канале: Recoding
1,808
19

Canvas View introduces in SwiftUI 3. It helps to draw 2D Graphics inside SwiftUI View. Canvas View provides a native solution for SwiftUI developers it encapsulates context and size inside it.

Context or Graphics Context acts as a pencil for the developer it helps to carve out shapes inside the View.

While the size provides the view bound of the Canvas View, size consists of the Width and Height of the frame.

In this video we gonna take a Look at how to draw 2D Graphics in SwiftUI using Canvas View.

Source Code : https://github.com/recoding-io/swiftu...

Checkout full playlist :
1. SwiftUI 3.0 Tutorials :    • New Button Customization Styles In Sw...  
2. SwiftUI Tutorials :    • SwiftUI : Build Document OCR App usin...  
3. Apple Persistence Storage :    • Apple Persistent Storage Tutorial  

Timeline
Intro (00:00)
Introduction to Canvas View (0:28)
Create a Ellipse using Canvas View (1:08)
Create a Triangle using Canvas View (2:58)
Create a Rounded Rectangle using Canvas View (4:39)
Create a Arc using Canvas View (5:21)

Support us on
☕ @Buy me a coffee - https://www.buymeacoffee.com/recoding
🎗@Patreon -   / recoding_io  

Follow us on
📝 @Medium -   / recoding  
🐦 @Twitter -   / recoding_io  
🦄 @Dev.to - https://dev.to/recoding
📌 @Pinterest.com -   / recoding_io  
🔗 @LinkedIn.com -   / recoding-io  
#️⃣ @Hashnode - https://recoding.hashnode.dev/