ดาวน์โหลด PocketSVG - ดาวน์โหลดซอร์สโค้ด PocketSVG

PocketSVG

ซอร์สโค้ดอื่น ๆ

2.7.3

ดาวน์โหลด

pocketsvg

ชุดเครื่องมือง่ายๆสำหรับการแสดงและจัดการ SVGs บน iOS และ MacOS ในลักษณะที่แสดง

เป้าหมายของโครงการนี้ไม่ได้เป็นตัวแยกวิเคราะห์ SVG ที่สอดคล้องอย่างสมบูรณ์/Renderer แต่แทนที่จะใช้ SVG เป็นรูปแบบสำหรับการทำให้เป็นอนุกรม CG/UIPATHS ซึ่งหมายความว่ารองรับคุณสมบัติ SVG ที่สามารถแสดงได้ด้วย CG/UIPATHS เท่านั้น

บันทึกอย่างละเอียด

คุณสมบัติ

รองรับองค์ประกอบ SVG: path , line , polyline , polygon , rect , circle , ellipse
รองรับสีชื่อ SVG
การสาธิต iOS และ 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 )