PocketSVG

Pocketsvg

Простой инструментарий для отображения и манипулирования SVG на iOS и macOS в исполнении.

Цель этого проекта не состоит в том, чтобы быть полностью совместимым анализатором/рендерером SVG. Но для того, чтобы использовать SVG в качестве формата для сериализации CG/UIPATHS, то есть он поддерживает только функции SVG, которые могут быть представлены CG/UIPATHS.

Тщательно задокументировано.

Функции

• Поддержка элементов SVG: path , line , polyline , polygon , rect , circle , ellipse
• Поддержка SVG по имени Colors.
• Полностью работающие iOS и Demos MacOS.
• Прямой API для типичного SVG -рендеринга в качестве подкласса UIImageView / NSImageView или CALayer .
• Доступ к каждой форме внутри вашего SVG в качестве CGPath для более мелкозернистых манипуляций.

Установка

Swift Package Manager

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

Кокопод

Добавьте это в свой Podfile:

 pod 'PocketSVG' , '~> 2.6'

Затем запустите pod install

Карфаген

Добавьте это в свой Cartfile:

 github "pocketsvg/PocketSVG" >= 2.7.2

Затем запустите carthage update --use-xcframeworks

Использование

Рендеринг файла SVG с помощью 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 )

Выход

Примечание. По умолчанию SVGlayer shouldRasterize разобраться в YES при запуске на iOS. Если вам нужно анимировать изменения в преобразовании слоя, вы можете сбросить это на NO .

Вручную производите каждый путь файла SVG с помощью CAShapeLayer

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 )

Выход

Внося

Отчеты об ошибках и запросы функций

Пожалуйста, используйте трекер выпуска, чтобы сообщить о любых ошибках или запросах функций файла.

Развитие

PRS приветствуются.