PocketSVG

Pocketsvg

一个简单的工具包，用于以性能方式在iOS和MACO上显示和操纵SVG。

该项目的目标不是成为完全合规的SVG解析器/渲染器。而是将SVG用作序列化CG/UIPATHS的格式，这意味着它仅支持CG/UIPATHS可以表示的SVG功能。

彻底记录。

特征

• 支持SVG元素： path ， line ， polyline ， polygon ， rect ， circle ， ellipse
• 支持SVG命名颜色。
• 完全工作的iOS和MACOS演示。
• 典型SVG渲染的直接API作为UIImageView / NSImageView或CALayer子类。
• 访问SVG中的每种形状，作为更细粒度的CGPath 。

安装

Swift软件包管理器

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

可可录

将其添加到您的podfile中：

 pod 'PocketSVG' , '~> 2.6'

然后运行pod install

迦太基

将其添加到您的卡特菲尔：

 github "pocketsvg/PocketSVG" >= 2.7.2

然后运行carthage update --use-xcframeworks

用法

使用SVGImageView渲染SVG文件

 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 )

输出

注意：默认情况下，SVGlayer在iOS上运行时shouldRasterize设置为YES 。如果您需要对图层变换进行动画更改，则可能需要将其重置为NO 。

使用CAShapeLayer手动渲染SVG文件的每条路径

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 )

输出

贡献

错误报告和功能请求

请使用问题跟踪器报告任何错误或文件功能请求。

发展

欢迎PR。