ImageDrawing.swift 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588
  1. //
  2. // ImageDrawing.swift
  3. // Kingfisher
  4. //
  5. // Created by onevcat on 2018/09/28.
  6. //
  7. // Copyright (c) 2018 Wei Wang <onevcat@gmail.com>
  8. //
  9. // Permission is hereby granted, free of charge, to any person obtaining a copy
  10. // of this software and associated documentation files (the "Software"), to deal
  11. // in the Software without restriction, including without limitation the rights
  12. // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  13. // copies of the Software, and to permit persons to whom the Software is
  14. // furnished to do so, subject to the following conditions:
  15. //
  16. // The above copyright notice and this permission notice shall be included in
  17. // all copies or substantial portions of the Software.
  18. //
  19. // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  20. // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  21. // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  22. // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  23. // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  24. // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  25. // THE SOFTWARE.
  26. import Accelerate
  27. #if canImport(AppKit)
  28. import AppKit
  29. #endif
  30. #if canImport(UIKit)
  31. import UIKit
  32. #endif
  33. // MARK: - Image Transforming
  34. extension KingfisherWrapper where Base: Image {
  35. // MARK: - Blend Mode
  36. /// Create image from `base` image and apply blend mode.
  37. ///
  38. /// - parameter blendMode: The blend mode of creating image.
  39. /// - parameter alpha: The alpha should be used for image.
  40. /// - parameter backgroundColor: The background color for the output image.
  41. ///
  42. /// - returns: An image with blend mode applied.
  43. ///
  44. /// - Note: This method only works for CG-based image.
  45. #if !os(macOS)
  46. public func image(withBlendMode blendMode: CGBlendMode,
  47. alpha: CGFloat = 1.0,
  48. backgroundColor: Color? = nil) -> Image
  49. {
  50. guard let _ = cgImage else {
  51. assertionFailure("[Kingfisher] Blend mode image only works for CG-based image.")
  52. return base
  53. }
  54. let rect = CGRect(origin: .zero, size: size)
  55. return draw(to: rect.size) { _ in
  56. if let backgroundColor = backgroundColor {
  57. backgroundColor.setFill()
  58. UIRectFill(rect)
  59. }
  60. base.draw(in: rect, blendMode: blendMode, alpha: alpha)
  61. }
  62. }
  63. #endif
  64. #if os(macOS)
  65. // MARK: - Compositing Operation
  66. /// Creates image from `base` image and apply compositing operation.
  67. ///
  68. /// - Parameters:
  69. /// - compositingOperation: The compositing operation of creating image.
  70. /// - alpha: The alpha should be used for image.
  71. /// - backgroundColor: The background color for the output image.
  72. /// - Returns: An image with compositing operation applied.
  73. ///
  74. /// - Note: This method only works for CG-based image. For any non-CG-based image, `base` itself is returned.
  75. public func image(withCompositingOperation compositingOperation: NSCompositingOperation,
  76. alpha: CGFloat = 1.0,
  77. backgroundColor: Color? = nil) -> Image
  78. {
  79. guard let _ = cgImage else {
  80. assertionFailure("[Kingfisher] Compositing Operation image only works for CG-based image.")
  81. return base
  82. }
  83. let rect = CGRect(origin: .zero, size: size)
  84. return draw(to: rect.size) { _ in
  85. if let backgroundColor = backgroundColor {
  86. backgroundColor.setFill()
  87. rect.fill()
  88. }
  89. base.draw(in: rect, from: .zero, operation: compositingOperation, fraction: alpha)
  90. }
  91. }
  92. #endif
  93. // MARK: - Round Corner
  94. /// Creates a round corner image from on `base` image.
  95. ///
  96. /// - Parameters:
  97. /// - radius: The round corner radius of creating image.
  98. /// - size: The target size of creating image.
  99. /// - corners: The target corners which will be applied rounding.
  100. /// - backgroundColor: The background color for the output image
  101. /// - Returns: An image with round corner of `self`.
  102. ///
  103. /// - Note: This method only works for CG-based image. The current image scale is kept.
  104. /// For any non-CG-based image, `base` itself is returned.
  105. public func image(withRoundRadius radius: CGFloat,
  106. fit size: CGSize,
  107. roundingCorners corners: RectCorner = .all,
  108. backgroundColor: Color? = nil) -> Image
  109. {
  110. guard let _ = cgImage else {
  111. assertionFailure("[Kingfisher] Round corner image only works for CG-based image.")
  112. return base
  113. }
  114. let rect = CGRect(origin: CGPoint(x: 0, y: 0), size: size)
  115. return draw(to: size) { _ in
  116. #if os(macOS)
  117. if let backgroundColor = backgroundColor {
  118. let rectPath = NSBezierPath(rect: rect)
  119. backgroundColor.setFill()
  120. rectPath.fill()
  121. }
  122. let path = NSBezierPath(roundedRect: rect, byRoundingCorners: corners, radius: radius)
  123. #if swift(>=4.2)
  124. path.windingRule = .evenOdd
  125. #else
  126. path.windingRule = .evenOddWindingRule
  127. #endif
  128. path.addClip()
  129. base.draw(in: rect)
  130. #else
  131. guard let context = UIGraphicsGetCurrentContext() else {
  132. assertionFailure("[Kingfisher] Failed to create CG context for image.")
  133. return
  134. }
  135. if let backgroundColor = backgroundColor {
  136. let rectPath = UIBezierPath(rect: rect)
  137. backgroundColor.setFill()
  138. rectPath.fill()
  139. }
  140. let path = UIBezierPath(roundedRect: rect,
  141. byRoundingCorners: corners.uiRectCorner,
  142. cornerRadii: CGSize(width: radius, height: radius)).cgPath
  143. context.addPath(path)
  144. context.clip()
  145. base.draw(in: rect)
  146. #endif
  147. }
  148. }
  149. #if os(iOS) || os(tvOS)
  150. func resize(to size: CGSize, for contentMode: UIView.ContentMode) -> Image {
  151. switch contentMode {
  152. case .scaleAspectFit:
  153. return resize(to: size, for: .aspectFit)
  154. case .scaleAspectFill:
  155. return resize(to: size, for: .aspectFill)
  156. default:
  157. return resize(to: size)
  158. }
  159. }
  160. #endif
  161. // MARK: - Resize
  162. /// Resizes `base` image to an image with new size.
  163. ///
  164. /// - Parameter size: The target size in point.
  165. /// - Returns: An image with new size.
  166. /// - Note: This method only works for CG-based image. The current image scale is kept.
  167. /// For any non-CG-based image, `base` itself is returned.
  168. public func resize(to size: CGSize) -> Image {
  169. guard let _ = cgImage else {
  170. assertionFailure("[Kingfisher] Resize only works for CG-based image.")
  171. return base
  172. }
  173. let rect = CGRect(origin: CGPoint(x: 0, y: 0), size: size)
  174. return draw(to: size) { _ in
  175. #if os(macOS)
  176. base.draw(in: rect, from: .zero, operation: .copy, fraction: 1.0)
  177. #else
  178. base.draw(in: rect)
  179. #endif
  180. }
  181. }
  182. /// Resizes `base` image to an image of new size, respecting the given content mode.
  183. ///
  184. /// - Parameters:
  185. /// - targetSize: The target size in point.
  186. /// - contentMode: Content mode of output image should be.
  187. /// - Returns: An image with new size.
  188. ///
  189. /// - Note: This method only works for CG-based image. The current image scale is kept.
  190. /// For any non-CG-based image, `base` itself is returned.
  191. public func resize(to targetSize: CGSize, for contentMode: ContentMode) -> Image {
  192. let newSize = size.kf.resize(to: targetSize, for: contentMode)
  193. return resize(to: newSize)
  194. }
  195. /// Crops `base` image to a new size with a given anchor.
  196. ///
  197. /// - Parameters:
  198. /// - size: The target size.
  199. /// - anchor: The anchor point from which the size should be calculated.
  200. /// - Returns: An image with new size.
  201. ///
  202. /// - Note: This method only works for CG-based image. The current image scale is kept.
  203. /// For any non-CG-based image, `base` itself is returned.
  204. public func crop(to size: CGSize, anchorOn anchor: CGPoint) -> Image {
  205. guard let cgImage = cgImage else {
  206. assertionFailure("[Kingfisher] Crop only works for CG-based image.")
  207. return base
  208. }
  209. let rect = self.size.kf.constrainedRect(for: size, anchor: anchor)
  210. guard let image = cgImage.cropping(to: rect.scaled(scale)) else {
  211. assertionFailure("[Kingfisher] Cropping image failed.")
  212. return base
  213. }
  214. return KingfisherWrapper.image(cgImage: image, scale: scale, refImage: base)
  215. }
  216. // MARK: - Blur
  217. /// Creates an image with blur effect based on `base` image.
  218. ///
  219. /// - Parameter radius: The blur radius should be used when creating blur effect.
  220. /// - Returns: An image with blur effect applied.
  221. ///
  222. /// - Note: This method only works for CG-based image. The current image scale is kept.
  223. /// For any non-CG-based image, `base` itself is returned.
  224. public func blurred(withRadius radius: CGFloat) -> Image {
  225. guard let cgImage = cgImage else {
  226. assertionFailure("[Kingfisher] Blur only works for CG-based image.")
  227. return base
  228. }
  229. // http://www.w3.org/TR/SVG/filters.html#feGaussianBlurElement
  230. // let d = floor(s * 3*sqrt(2*pi)/4 + 0.5)
  231. // if d is odd, use three box-blurs of size 'd', centered on the output pixel.
  232. let s = Float(max(radius, 2.0))
  233. // We will do blur on a resized image (*0.5), so the blur radius could be half as well.
  234. // Fix the slow compiling time for Swift 3.
  235. // See https://github.com/onevcat/Kingfisher/issues/611
  236. let pi2 = 2 * Float.pi
  237. let sqrtPi2 = sqrt(pi2)
  238. var targetRadius = floor(s * 3.0 * sqrtPi2 / 4.0 + 0.5)
  239. if targetRadius.isEven { targetRadius += 1 }
  240. // Determine necessary iteration count by blur radius.
  241. let iterations: Int
  242. if radius < 0.5 {
  243. iterations = 1
  244. } else if radius < 1.5 {
  245. iterations = 2
  246. } else {
  247. iterations = 3
  248. }
  249. let w = Int(size.width)
  250. let h = Int(size.height)
  251. let rowBytes = Int(CGFloat(cgImage.bytesPerRow))
  252. func createEffectBuffer(_ context: CGContext) -> vImage_Buffer {
  253. let data = context.data
  254. let width = vImagePixelCount(context.width)
  255. let height = vImagePixelCount(context.height)
  256. let rowBytes = context.bytesPerRow
  257. return vImage_Buffer(data: data, height: height, width: width, rowBytes: rowBytes)
  258. }
  259. guard let context = beginContext(size: size, scale: scale, inverting: true) else {
  260. assertionFailure("[Kingfisher] Failed to create CG context for blurring image.")
  261. return base
  262. }
  263. context.draw(cgImage, in: CGRect(x: 0, y: 0, width: w, height: h))
  264. endContext()
  265. var inBuffer = createEffectBuffer(context)
  266. guard let outContext = beginContext(size: size, scale: scale, inverting: true) else {
  267. assertionFailure("[Kingfisher] Failed to create CG context for blurring image.")
  268. return base
  269. }
  270. defer { endContext() }
  271. var outBuffer = createEffectBuffer(outContext)
  272. for _ in 0 ..< iterations {
  273. let flag = vImage_Flags(kvImageEdgeExtend)
  274. vImageBoxConvolve_ARGB8888(
  275. &inBuffer, &outBuffer, nil, 0, 0, UInt32(targetRadius), UInt32(targetRadius), nil, flag)
  276. // Next inBuffer should be the outButter of current iteration
  277. (inBuffer, outBuffer) = (outBuffer, inBuffer)
  278. }
  279. #if os(macOS)
  280. let result = outContext.makeImage().flatMap {
  281. fixedForRetinaPixel(cgImage: $0, to: size)
  282. }
  283. #else
  284. let result = outContext.makeImage().flatMap {
  285. Image(cgImage: $0, scale: base.scale, orientation: base.imageOrientation)
  286. }
  287. #endif
  288. guard let blurredImage = result else {
  289. assertionFailure("[Kingfisher] Can not make an blurred image within this context.")
  290. return base
  291. }
  292. return blurredImage
  293. }
  294. // MARK: - Overlay
  295. /// Creates an image from `base` image with a color overlay layer.
  296. ///
  297. /// - Parameters:
  298. /// - color: The color should be use to overlay.
  299. /// - fraction: Fraction of input color. From 0.0 to 1.0. 0.0 means solid color,
  300. /// 1.0 means transparent overlay.
  301. /// - Returns: An image with a color overlay applied.
  302. ///
  303. /// - Note: This method only works for CG-based image. The current image scale is kept.
  304. /// For any non-CG-based image, `base` itself is returned.
  305. public func overlaying(with color: Color, fraction: CGFloat) -> Image {
  306. guard let _ = cgImage else {
  307. assertionFailure("[Kingfisher] Overlaying only works for CG-based image.")
  308. return base
  309. }
  310. let rect = CGRect(x: 0, y: 0, width: size.width, height: size.height)
  311. return draw(to: rect.size) { context in
  312. #if os(macOS)
  313. base.draw(in: rect)
  314. if fraction > 0 {
  315. color.withAlphaComponent(1 - fraction).set()
  316. rect.fill(using: .sourceAtop)
  317. }
  318. #else
  319. color.set()
  320. UIRectFill(rect)
  321. base.draw(in: rect, blendMode: .destinationIn, alpha: 1.0)
  322. if fraction > 0 {
  323. base.draw(in: rect, blendMode: .sourceAtop, alpha: fraction)
  324. }
  325. #endif
  326. }
  327. }
  328. // MARK: - Tint
  329. /// Creates an image from `base` image with a color tint.
  330. ///
  331. /// - Parameter color: The color should be used to tint `base`
  332. /// - Returns: An image with a color tint applied.
  333. public func tinted(with color: Color) -> Image {
  334. #if os(watchOS)
  335. return base
  336. #else
  337. return apply(.tint(color))
  338. #endif
  339. }
  340. // MARK: - Color Control
  341. /// Create an image from `self` with color control.
  342. ///
  343. /// - Parameters:
  344. /// - brightness: Brightness changing to image.
  345. /// - contrast: Contrast changing to image.
  346. /// - saturation: Saturation changing to image.
  347. /// - inputEV: InputEV changing to image.
  348. /// - Returns: An image with color control applied.
  349. public func adjusted(brightness: CGFloat, contrast: CGFloat, saturation: CGFloat, inputEV: CGFloat) -> Image {
  350. #if os(watchOS)
  351. return base
  352. #else
  353. return apply(.colorControl((brightness, contrast, saturation, inputEV)))
  354. #endif
  355. }
  356. /// Return an image with given scale.
  357. ///
  358. /// - Parameter scale: Target scale factor the new image should have.
  359. /// - Returns: The image with target scale. If the base image is already in the scale, `base` will be returned.
  360. public func scaled(to scale: CGFloat) -> Image {
  361. guard scale != self.scale else {
  362. return base
  363. }
  364. guard let cgImage = cgImage else {
  365. assertionFailure("[Kingfisher] Scaling only works for CG-based image.")
  366. return base
  367. }
  368. return KingfisherWrapper.image(cgImage: cgImage, scale: scale, refImage: base)
  369. }
  370. }
  371. // MARK: - Decode
  372. extension KingfisherWrapper where Base: Image {
  373. /// Returns the decoded image of the `base` image. It will draw the image in a plain context and return the data
  374. /// from it. This could improve the drawing performance when an image is just created from data but not yet
  375. /// displayed for the first time.
  376. ///
  377. /// - Note: This method only works for CG-based image. The current image scale is kept.
  378. /// For any non-CG-based image or animated image, `base` itself is returned.
  379. public var decoded: Image { return decoded(scale: scale) }
  380. /// Returns decoded image of the `base` image at a given scale. It will draw the image in a plain context and
  381. /// return the data from it. This could improve the drawing performance when an image is just created from
  382. /// data but not yet displayed for the first time.
  383. ///
  384. /// - Parameter scale: The given scale of target image should be.
  385. /// - Returns: The decoded image ready to be displayed.
  386. ///
  387. /// - Note: This method only works for CG-based image. The current image scale is kept.
  388. /// For any non-CG-based image or animated image, `base` itself is returned.
  389. public func decoded(scale: CGFloat) -> Image {
  390. // Prevent animated image (GIF) losing it's images
  391. #if os(iOS)
  392. if imageSource != nil { return base }
  393. #else
  394. if images != nil { return base }
  395. #endif
  396. guard let imageRef = cgImage else {
  397. assertionFailure("[Kingfisher] Decoding only works for CG-based image.")
  398. return base
  399. }
  400. let size = CGSize(width: CGFloat(imageRef.width) / scale, height: CGFloat(imageRef.height) / scale)
  401. return draw(to: size, inverting: true, scale: scale) { context in
  402. context.draw(imageRef, in: CGRect(origin: .zero, size: size))
  403. }
  404. }
  405. }
  406. extension KingfisherWrapper where Base: Image {
  407. func beginContext(size: CGSize, scale: CGFloat, inverting: Bool = false) -> CGContext? {
  408. #if os(macOS)
  409. guard let rep = NSBitmapImageRep(
  410. bitmapDataPlanes: nil,
  411. pixelsWide: Int(size.width),
  412. pixelsHigh: Int(size.height),
  413. bitsPerSample: cgImage?.bitsPerComponent ?? 8,
  414. samplesPerPixel: 4,
  415. hasAlpha: true,
  416. isPlanar: false,
  417. colorSpaceName: .calibratedRGB,
  418. bytesPerRow: 0,
  419. bitsPerPixel: 0) else
  420. {
  421. assertionFailure("[Kingfisher] Image representation cannot be created.")
  422. return nil
  423. }
  424. rep.size = size
  425. NSGraphicsContext.saveGraphicsState()
  426. guard let context = NSGraphicsContext(bitmapImageRep: rep) else {
  427. assertionFailure("[Kingfisher] Image context cannot be created.")
  428. return nil
  429. }
  430. NSGraphicsContext.current = context
  431. return context.cgContext
  432. #else
  433. UIGraphicsBeginImageContextWithOptions(size, false, scale)
  434. guard let context = UIGraphicsGetCurrentContext() else { return nil }
  435. if inverting { // If drawing a CGImage, we need to make context flipped.
  436. context.scaleBy(x: 1.0, y: -1.0)
  437. context.translateBy(x: 0, y: -size.height)
  438. }
  439. return context
  440. #endif
  441. }
  442. func endContext() {
  443. #if os(macOS)
  444. NSGraphicsContext.restoreGraphicsState()
  445. #else
  446. UIGraphicsEndImageContext()
  447. #endif
  448. }
  449. func draw(to size: CGSize, inverting: Bool = false, scale: CGFloat? = nil, draw: (CGContext) -> Void) -> Image {
  450. let targetScale = scale ?? self.scale
  451. guard let context = beginContext(size: size, scale: targetScale, inverting: inverting) else {
  452. assertionFailure("[Kingfisher] Failed to create CG context for blurring image.")
  453. return base
  454. }
  455. defer { endContext() }
  456. draw(context)
  457. guard let cgImage = context.makeImage() else {
  458. return base
  459. }
  460. return KingfisherWrapper.image(cgImage: cgImage, scale: targetScale, refImage: base)
  461. }
  462. #if os(macOS)
  463. func fixedForRetinaPixel(cgImage: CGImage, to size: CGSize) -> Image {
  464. let image = Image(cgImage: cgImage, size: base.size)
  465. let rect = CGRect(origin: CGPoint(x: 0, y: 0), size: size)
  466. return draw(to: self.size) { context in
  467. image.draw(in: rect, from: .zero, operation: .copy, fraction: 1.0)
  468. }
  469. }
  470. #endif
  471. }
  472. extension CGImage: KingfisherCompatible {}
  473. /// High Performance Image Resizing
  474. /// @see https://nshipster.com/image-resizing/
  475. extension KingfisherWrapper where Base: CGImage {
  476. var size: CGSize {
  477. return CGSize(width: CGFloat(base.width), height: CGFloat(base.height))
  478. }
  479. /// Resizes `base` CGImage to a CGImage of new size, respecting the given content mode.
  480. ///
  481. /// - Parameters:
  482. /// - targetSize: The target size in point.
  483. /// - contentMode: Content mode of output image should be.
  484. /// - Returns: A CGImage with new size.
  485. #if os(iOS) || os(tvOS)
  486. public func resize(to size: CGSize, for contentMode: UIView.ContentMode) -> CGImage {
  487. switch contentMode {
  488. case .scaleAspectFit:
  489. return resize(to: size, for: .aspectFit)
  490. case .scaleAspectFill:
  491. return resize(to: size, for: .aspectFill)
  492. default:
  493. return resize(to: size)
  494. }
  495. }
  496. #endif
  497. // MARK: - Resize
  498. /// Resizes `base` CGImage to a CGImage with new size.
  499. ///
  500. /// - Parameter size: The target size in point.
  501. /// - Returns: A CGImage with new size.
  502. public func resize(to size: CGSize) -> CGImage {
  503. guard let context = CGContext(data: nil,
  504. width: Int(size.width),
  505. height: Int(size.height),
  506. bitsPerComponent: base.bitsPerComponent,
  507. bytesPerRow: base.bytesPerRow,
  508. space: base.colorSpace ?? CGColorSpaceCreateDeviceRGB(),
  509. bitmapInfo: base.bitmapInfo.rawValue) else
  510. {
  511. return base
  512. }
  513. let rect = CGRect(origin: .zero, size: size)
  514. context.interpolationQuality = .high
  515. context.draw(base, in: rect)
  516. return context.makeImage() ?? base
  517. }
  518. /// Resizes `base` CGImage to a CGImage of new size, respecting the given content mode.
  519. ///
  520. /// - Parameters:
  521. /// - targetSize: The target size in point.
  522. /// - contentMode: Content mode of output image should be.
  523. /// - Returns: A CGImage with new size.
  524. public func resize(to targetSize: CGSize, for contentMode: ContentMode) -> CGImage {
  525. let newSize = size.kf.resize(to: targetSize, for: contentMode)
  526. return resize(to: newSize)
  527. }
  528. }