iOSでSVGKitを使用してSVGパスコンポーネントをUIBezierPathに解析する方法は？

Question

私はSwiftを使ってiOSでSVG画像をアニメーション化しています。私はSVGKit（https://github.com/SVGKit/SVGKit）を使ってSVGを簡単にレンダリングすることができましたが、アニメーション化するためにSVGパス要素をUIBezierPathに変換する必要があります。私は他のライブラリを使ってそうすることができますが、SVGKitだけを使ってすべてを行うことができればいいと思います。私はパス要素を取得するための簡単な方法を見つけることができませんでした。

Answer 1

パスはAppleクラスの.pathを呼び出すことで利用できます。 Apple CoreAnimationのドキュメント、特にCAShapeLayer（SVGKitが頻繁に使用する）を読むことをお勧めします。

AppleはUIBezierPathに変換するためのコードも提供しています。これについてはAppleのドキュメントを参照してください。たとえば、

• （UIBezierPath *）bezierPathWithCGPath：（CGPathRef）CGPath;

Answer 2

私はSwiftとSVGKitを使用して同じ問題がありました。このsimple tutorialを実行してswiftに変換しても、私はSVGをレンダリングできますが、線画をアニメートすることはできません。質問がCGPathににUiBezierPathの変換に関するものではありません

let url = NSBundle.mainBundle().URLForResource("tiger", withExtension: "svg")! 
    let paths = SVGBezierPath.pathsFromSVGAtURL(url) 

    for path in paths { 
    // Create a layer for each path 
    let layer = CAShapeLayer() 
    layer.path = path.CGPath 

    // Default Settings 
    var strokeWidth = CGFloat(4.0) 
    var strokeColor = UIColor.blackColor().CGColor 
    var fillColor = UIColor.whiteColor().CGColor 

    // Inspect the SVG Path Attributes 
    print("path.svgAttributes = \(path.svgAttributes)") 

    if let strokeValue = path.svgAttributes["stroke-width"] { 
     if let strokeN = NSNumberFormatter().numberFromString(strokeValue as! String) { 
     strokeWidth = CGFloat(strokeN) 
     } 
    } 

    if let strokeValue = path.svgAttributes["stroke"] { 
     strokeColor = strokeValue as! CGColor 
    } 

    if let fillColorVal = path.svgAttributes["fill"] { 
     fillColor = fillColorVal as! CGColor 
    } 

    // Set its display properties 
    layer.lineWidth = strokeWidth 
    layer.strokeColor = strokeColor 
    layer.fillColor = fillColor 

    // Add it to the layer hierarchy 
    self.view.layer.addSublayer(layer) 

    // Simple Animation 
    let animation = CABasicAnimation(keyPath:"strokeEnd") 
    animation.duration = 4.0 
    animation.fromValue = 0.0 
    animation.toValue = 1.0 
    animation.fillMode = kCAFillModeForwards 
    animation.removedOnCompletion = false 
    layer.addAnimation(animation, forKey: "strokeEndAnimation")