PocketSVG

POCTetsVG

Ein einfaches Toolkit zum Anzeigen und Manipulieren von SVGs auf iOS und MacOS auf leistungsfähige Weise.

Das Ziel dieses Projekts ist es nicht, ein vollständig konformer SVG -Parser/-Renderer zu sein. Sondern SVG als Format zum Serialisieren von CG/UIPATHS, was bedeutet, dass es nur SVG -Funktionen unterstützt, die durch CG/Uipaths dargestellt werden können.

Gründlich dokumentiert.

Merkmale

• Unterstützung für SVG -Elemente: path , line , polyline , polygon , rect , circle , ellipse
• Unterstützung für SVG genannte Farben.
• Voll funktionierende iOS- und macOS -Demos.
• Unkomplizierte API für typisches SVG -Rendering als UIImageView / NSImageView oder CALayer -Unterklasse.
• Greifen Sie auf jede Form in Ihrem SVG als CGPath für eine feinkörnigere Manipulation zu.

Installation

Swift Package Manager

dependencies: [
    . package ( url : " https://github.com/pocketsvg/PocketSVG.git " , . upToNextMajor ( from : " 2.6.0 " ) )
]

Cocoapods

Fügen Sie dies zu Ihrer Podfile hinzu:

 pod 'PocketSVG' , '~> 2.6'

Dann führen Sie pod install aus

Karthago

Fügen Sie dies zu Ihrem Cartfile hinzu:

 github "pocketsvg/PocketSVG" >= 2.7.2

Führen Sie dann carthage update --use-xcframeworks aus

Verwendung

Rendern Sie eine SVG -Datei mit SVGImageView

 let url = Bundle . main . url ( forResource : " tiger " , withExtension : " svg " ) !
let svgImageView = SVGImageView . init ( contentsOf : url )
svgImageView . frame = view . bounds
svgImageView . contentMode = . scaleAspectFit
view . addSubview ( svgImageView )

Ausgabe

HINWEIS: Standardmäßig hat shouldRasterize beim Ausführen auf iOS eingestellt auf YES . Wenn Sie Änderungen in der Transformation der Ebene animieren müssen, möchten Sie dies möglicherweise auf NO zurücksetzen.

Rendern Sie jeden Pfad einer SVG -Datei mit CAShapeLayer manuell

view . backgroundColor = . white

let svgURL = Bundle . main . url ( forResource : " tiger " , withExtension : " svg " ) !
let paths = SVGBezierPath . pathsFromSVG ( at : svgURL )
let tigerLayer = CALayer ( )
for (index , path ) in paths . enumerated ( ) {
    let shapeLayer = CAShapeLayer ( )
    shapeLayer . path = path . cgPath
    if index % 2 == 0 {
        shapeLayer . fillColor = UIColor . black . cgColor
    }
    else if index % 3 == 0 {
        shapeLayer . fillColor = UIColor . darkGray . cgColor
    }
    else {
        shapeLayer . fillColor = UIColor . gray . cgColor
    }
    tigerLayer . addSublayer ( shapeLayer )
}

var transform = CATransform3DMakeScale ( 0.4 , 0.4 , 1.0 )
transform = CATransform3DTranslate ( transform , 200 , 400 , 0 )
tigerLayer . transform = transform
view . layer . addSublayer ( tigerLayer )

Ausgabe

Beitragen

Fehlerberichte und Feature -Anfragen

Bitte verwenden Sie den Ausgabe -Tracker, um Fehler oder Dateifunktionsanforderungen zu melden.

Entwicklung

PRs sind willkommen.