Awesome
Toucan is a Swift library that provides a clean, quick API for processing images. It greatly simplifies the production of images, supporting resizing, cropping and stylizing your images.
Features
- Easy and smart resizing
- Elliptical and rounded rect masking
- Mask with custom images
- Chainable image processing stages
Requirements
- Xcode 10.0+
- iOS 11.0+
Setup
- Install using CocoaPods: https://cocoapods.org/pods/Toucan
- or manually include the
Toucan
framework by dragging it into your project and import the library in your code usingimport Toucan
Toucan Usage
Toucan provides two methods of interaction - either through wrapping an single image within a Toucan instance, or through the static functions, providing an image for each invocation. This allows for some very flexible usage.
Create an instance wrapper for easy method chaining:
let resizedAndMaskedImage = Toucan(image: myImage).resize(CGSize(width: 100, height: 150)).maskWithEllipse().image
Or, using static methods when you need a single operation:
let resizedImage = Toucan.Resize.resizeImage(myImage, size: CGSize(width: 100, height: 150))
let resizedAndMaskedImage = Toucan.maskWithEllipse(resizedImage)
Typically, the instance version is a bit cleaner to use, and the one you want.
Resizing
Resize the contained image to the specified size. Depending on what fitMode
is supplied, the image may be clipped, cropped or scaled.
Toucan(image: myImage).resize(size: CGSize, fitMode: Toucan.Resize.FitMode)
Fit Mode
FitMode drives the resizing process to determine what to do with an image to make it fit the given size bounds.
Example | Mode |
---|---|
Clip Mode<br/>Toucan.Resize.FitMode.Clip <br/>Resizes the image to fit within the width and height boundaries without cropping or distorting the image.<br/><br/>Toucan(image: portraitImage).resize(CGSize(width: 500, height: 500), fitMode: Toucan.Resize.FitMode.Clip).image | |
Crop Mode<br/>Toucan.Resize.FitMode.crop <br/>Resizes the image to fill the width and height boundaries and crops any excess image data.<br/><br/>Toucan(image: portraitImage).resize(CGSize(width: 500, height: 500), fitMode: Toucan.Resize.FitMode.Crop).image | |
Scale Mode<br/>Toucan.Resize.FitMode.scale <br/>Scales the image to fit the constraining dimensions exactly.<br/><br/>Toucan(image: portraitImage).resize(CGSize(width: 500, height: 500), fitMode: Toucan.Resize.FitMode.Scale).image |
Masking
Alter the original image with a mask; supports ellipse, rounded rect and image masks.
Ellipse Mask
Example | Function |
---|---|
Mask the given image with an ellipse. Allows specifying an additional border to draw on the clipped image. For a circle, ensure the image width and height are equal!<br/><br/>Toucan(image: myImage).maskWithEllipse().image | |
When specifying a border width, it is draw on the clipped image.<br/><br/>Toucan(image: myImage).maskWithEllipse(borderWidth: 10, borderColor: UIColor.yellowColor()).image |
Path Mask
Example | Function |
---|---|
Mask the given image with a path. The path will be scaled to fit the image correctly!<br/><br/>path.moveToPoint(CGPointMake(0, 50)) <br/>path.addLineToPoint(CGPointMake(50, 0)) <br/>path.addLineToPoint(CGPointMake(100, 50)) <br/>path.addLineToPoint(CGPointMake(50, 100)) <br/>path.closePath() <br/>Toucan(image: myImage).maskWithPath(path: path).image | |
Mask the given image with a path provided via a closure. This allows you to construct your path relative to the bounds of the image!<br/><br/>Toucan(image: myImage).maskWithPathClosure(path: (rect: CGRect) -> (UIBezierPath)).image |
Rounded Rect Mask
Example | Function |
---|---|
Mask the given image with a rounded rectangle border. Allows specifying an additional border to draw on the clipped image.<br/><br/>Toucan(image: myImage).maskWithRoundedRect(cornerRadius: 30).image | |
When specifying a border width, it is draw on the clipped rounded rect.<br/><br/>Toucan(image: myImage).maskWithRoundedRect(cornerRadius: 30, borderWidth: 10, borderColor: UIColor.purpleColor()).image |
Image Mask
Example | Function |
---|---|
Mask the given image with another image mask. Note that the areas in the original image that correspond to the black areas of the mask show through in the resulting image. The areas that correspond to the white areas of the mask aren’t painted. The areas that correspond to the gray areas in the mask are painted using an intermediate alpha value that’s equal to 1 minus the image mask sample value.<br/><br/>Toucan(image: myImage).maskWithImage(maskImage: octagonMask).image |
Example Images
Example images used under Creative Commons with thanks to:
Contributing
- Please fork this project
- Implement new methods or changes in the
Toucan.swift
file. - Write tests in the
ToucanTests
folder. - Write appropriate docs and comments in the README.md
- Submit a pull request.
Contact
Raise an Issue or hit me up on Twitter @gavinbunney
License
Toucan is released under an MIT license. See LICENSE for more information.