We are a development agency building phenomenal apps.
[](https://travis-ci.org/exyte/SVGView)
[](http://cocoapods.org/pods/SVGView)
[](https://github.com/Carthage/Carthage)
[](http://cocoapods.org/pods/SVGView)
[](http://cocoapods.org/pods/SVGView)
[](http://twitter.com/exyteHQ)
# Overview
The goal of this project is to bring the full power of SVG to Apple platforms. Out framework can parse SVG files and represent their content in SwiftUI. It provides you with the ability to not only render SVG files, but also add interactivity to them, handle user input and use SwiftUI to put your art into motion.
# Usage
Get started with `SVGView` in a few lines of code:
```Swift
struct ContentView: View {
var body: some View {
SVGView(fileURL: Bundle.main.url(forResource: "example", withExtension: "svg")!)
}
}
```
## Interact with vector elements
You may locate the desired part of your SVG file using standard identifiers to add gestures and change its properties in runtime:
```Swift
struct ContentView: View {
var body: some View {
let view = SVGView(fileURL: Bundle.main.url(forResource: "example", withExtension: "svg")!)
if let part = view.getNode(byId: "part") {
part.onTapGesture {
part.opacity = 0.2
}
}
return view
}
}
```
## Animation
You can use stanard SwiftUI tools to animate your image:
```Swift
if let part = view.getNode(byId: "part") {
part.onTapGesture {
withAnimation {
part.opacity = 0.2
}
}
}
```
## Complex effects
SVGView makes it easy to add custom effects to your app. For example, make this pikachu track finger movement:
```Swift
var body: some View {
let view = SVGView(fileURL: Bundle.main.url(forResource: "pikachu", withExtension: "svg")!)
let delta = CGAffineTransform(translationX: getEyeX(), y: 0)
view.getNode(byId: "eye1")?.transform = delta
view.getNode(byId: "eye2")?.transform = delta
return view.gesture(DragGesture().onChanged { g in
self.x = g.location.x
})
}
```
# SVG Tests Coverage
Our mission is to provide 100% support of all SVG standards: 1.1 (Second Edition), Tiny 1.2 and 2.0. However, this project is at its very beginning, so you can follow our progress on this page. You can also check out SVGViewTests project to see how well this framework handles every single SVG test case.
# Installation
## CocoaPods
```ruby
pod 'SVGView'
```
## Carthage
```ogdl
github "Exyte/SVGView"
```
## Swift Package Manager
```swift
dependencies: [
.package(url: "https://github.com/exyte/SVGView.git", from: "1.0.0")
]
```
# Requirements
* iOS 13+ / watchOS 13+ / tvOS 13+ / macOS 11+
* Xcode 11+