Comment puis-je dessiner sur une image de Swift?

Je dois être capable de programmation pour dessiner sur une image, puis enregistrer l'image pour l'utiliser plus tard. Dire, tracer une ligne sur les coordonnées x et y sur l'image, enregistrer l'image et l'afficher sur une simple vue-contrôleur. Comment pourrais-je aller sur le faire dans Swift? (De préférence Swift 2, je suis encore en développement et n'ont pas mis à jour mon mac à la Sierra)

Mise à jour: peut-être quelque chose à voir avec la conversion d'une UIImage à un CGLayer, en s'appuyant sur elle, et de le convertir ensuite en arrière pour une UIImage.

Vous convertir le UIImage à CGContext, pas CGLayer.

OriginalL'auteur caleb | 2016-10-10

  1. 9

    C'est simple:

    1. Faire une image contexte graphique. (Avant iOS 10, vous voulez faire cela en appelant UIGraphicsBeginImageContextWithOptions. Dans iOS 10 il y a une autre façon, UIGraphicsImageRenderer, mais vous n'avez pas à l'utiliser si vous ne voulez pas.)

    2. Dessiner (c'est à dire copier) l'image dans le contexte. (UIImage a effectivement draw... méthodes à cet effet.)

    3. Tracer votre ligne dans le contexte. (Il y a CGContext fonctions).

    4. Extrait de l'image obtenue à partir du contexte. (Par exemple, si vous avez utilisé UIGraphicsBeginImageContextWithOptions, vous pouvez utiliser UIGraphicsGetImageFromCurrentImageContext.) Ensuite, fermez le contexte.

    J'ai écrit un livre que vous pouvez lire en ligne qui vous apprend comment faire: apeth.com/iOSBook/ch15.html#_graphics_contexts
    Merci, je vais le lire et à le regarder Swift équivalents.
    Dans Swift 2, il est vraiment tout de même, parce que c'est juste un tas de C les appels de fonction et Swift juste des appels directement. Swift 3 est très différent.

    OriginalL'auteur matt

  2. 15

    Tout ce que vous devez faire est de créer et d'obtenir une Image Contexte, objet et accéder à toutes ses puissantes méthodes de dessin. Vous pouvez en apprendre plus sur le CGContext les caractéristiques des objets ici.

    Cette fonction dessine une droite et d'un cercle sur une UIImage et renvoie l'image modifiée:

    Swift 4

    func DrawOnImage(startingImage: UIImage) -> UIImage {

     //Create a context of the starting image size and set it as the current one
     UIGraphicsBeginImageContext(startingImage.size)

     //Draw the starting image in the current context as background       
     startingImage.draw(at: CGPoint.zero)

     //Get the current context
     let context = UIGraphicsGetCurrentContext()!

     //Draw a red line
     context.setLineWidth(2.0)
     context.setStrokeColor(UIColor.red.cgColor)
     context.move(to: CGPoint(x: 100, y: 100))
     context.addLine(to: CGPoint(x: 200, y: 200))
     context.strokePath()

     //Draw a transparent green Circle
     context.setStrokeColor(UIColor.green.cgColor)
     context.setAlpha(0.5)
     context.setLineWidth(10.0)
     context.addEllipse(in: CGRect(x: 100, y: 100, width: 100, height: 100))
     context.drawPath(using: .stroke) //or .fillStroke if need filling

     //Save the context as a new UIImage
     let myImage = UIGraphicsGetImageFromCurrentImageContext()
     UIGraphicsEndImageContext()

     //Return modified image
     return myImage
}
    monsieur, pourriez-vous svp m'aider sur ce point ? stackoverflow.com/questions/49919853/...

    OriginalL'auteur Jorge Ramírez

  3. 6

    Détails

    Xcode 9.1, Swift 4

    Solution

    extension UIImage

    extension UIImage {

    typealias RectCalculationClosure = (_ parentSize: CGSize, _ newImageSize: CGSize)->(CGRect)

    func with(image named: String, rectCalculation: RectCalculationClosure) -> UIImage {
        return with(image: UIImage(named: named), rectCalculation: rectCalculation)
    }

    func with(image: UIImage?, rectCalculation: RectCalculationClosure) -> UIImage {

        if let image = image {
            UIGraphicsBeginImageContext(size)

            draw(in: CGRect(origin: .zero, size: size))
            image.draw(in: rectCalculation(size, image.size))

            let newImage = UIGraphicsGetImageFromCurrentImageContext()
            UIGraphicsEndImageContext()
            return newImage!
        }
        return self
    }
}

    extension UIImageView

        extension UIImageView {

    enum ImageAddingMode {
        case changeOriginalImage
        case addSubview
    }

    func drawOnCurrentImage(anotherImage: UIImage?, mode: ImageAddingMode, rectCalculation: UIImage.RectCalculationClosure) {

        guard let image = image else {
            return
        }

        switch mode {
        case .changeOriginalImage:
            self.image = image.with(image: anotherImage, rectCalculation: rectCalculation)

        case .addSubview:
            let newImageView = UIImageView(frame: rectCalculation(frame.size, image.size))
            newImageView.image = anotherImage
            addSubview(newImageView)
        }
    }
}

    Images échantillons

    Parent De L'Image:

    Comment puis-je dessiner sur une image de Swift?

    Enfant Image:

    Comment puis-je dessiner sur une image de Swift?

    Exemple d'utilisation 1

    func sample1(imageView: UIImageView) {
    imageView.contentMode = .scaleAspectFit
    imageView.image = UIImage(named: "parent")?.with(image: "child") { parentSize, newImageSize in
        print("parentSize = \(parentSize)")
        print("newImageSize = \(newImageSize)")
        return CGRect(x: 50, y: 50, width: 90, height: 90)
    }
}

    Résultat 1

    Comment puis-je dessiner sur une image de Swift?

    Exemple d'utilisation 2

    func sample2(imageView: UIImageView) {
    imageView.contentMode = .scaleAspectFit
    imageView.image = UIImage(named: "parent")
    imageView.drawOnCurrentImage(anotherImage: UIImage(named: "child"), mode: .changeOriginalImage) { parentSize, newImageSize in
        print("parentSize = \(parentSize)")
        print("newImageSize = \(newImageSize)")
        let sideLength:CGFloat = 90
        let indent:CGFloat = 50
        return CGRect(x: parentSize.width-sideLength-indent, y: parentSize.height-sideLength-indent, width: sideLength, height: sideLength)
    }
}

    Résultat 2

    Comment puis-je dessiner sur une image de Swift?

    Exemple d'utilisation 3

    func sample3(imageView: UIImageView) {
    imageView.contentMode = .scaleAspectFill
    imageView.clipsToBounds = true
    imageView.image = UIImage(named: "parent")
    imageView.drawOnCurrentImage(anotherImage: UIImage(named: "child"), mode: .addSubview) { parentSize, newImageSize in
        print("parentSize = \(parentSize)")
        print("newImageSize = \(newImageSize)")
        let sideLength:CGFloat = 90
        let indent:CGFloat = 15
        return CGRect(x: parentSize.width-sideLength-indent, y: indent, width: sideLength, height: sideLength)
    }
}

    Résultat 3

    Comment puis-je dessiner sur une image de Swift?

    Exemple complet de code

    N'oubliez pas de ajouter la Solution de code ici

    import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
let imageView = UIImageView(frame: UIScreen.main.bounds)
view.addSubview(imageView)
sample1(imageView: imageView)
//sample2(imageView: imageView)
       //sample3(imageView: imageView)
    }
func sample1(imageView: UIImageView) {
imageView.contentMode = .scaleAspectFit
imageView.image = UIImage(named: "parent")?.with(image: "child") { parentSize, newImageSize in
print("parentSize = \(parentSize)")
print("newImageSize = \(newImageSize)")
return CGRect(x: 50, y: 50, width: 90, height: 90)
}
}
func sample2(imageView: UIImageView) {
imageView.contentMode = .scaleAspectFit
imageView.image = UIImage(named: "parent")
imageView.drawOnCurrentImage(anotherImage: UIImage(named: "child"), mode: .changeOriginalImage) { parentSize, newImageSize in
print("parentSize = \(parentSize)")
print("newImageSize = \(newImageSize)")
let sideLength:CGFloat = 90
let indent:CGFloat = 50
return CGRect(x: parentSize.width-sideLength-indent, y: parentSize.height-sideLength-indent, width: sideLength, height: sideLength)
}
}
func sample3(imageView: UIImageView) {
imageView.contentMode = .scaleAspectFill
imageView.clipsToBounds = true
imageView.image = UIImage(named: "parent")
imageView.drawOnCurrentImage(anotherImage: UIImage(named: "child"), mode: .addSubview) { parentSize, newImageSize in
print("parentSize = \(parentSize)")
print("newImageSize = \(newImageSize)")
let sideLength:CGFloat = 90
let indent:CGFloat = 15
return CGRect(x: parentSize.width-sideLength-indent, y: indent, width: sideLength, height: sideLength)
}
}
}

    OriginalL'auteur Vasily Bodnarchuk

  4. 4

    Mise à jour de Réponse: une Fois que vous obtenez à Partir de et Vers des coordonnées, voici comment tracer une ligne dans une UIImage avec ces coordonnées. À partir de et vers des coordonnées en pixels de l'image.

    func drawLineOnImage(size: CGSize, image: UIImage, from: CGPoint, to: CGPoint) -> UIImage {
//begin a graphics context of sufficient size
UIGraphicsBeginImageContext(size)
//draw original image into the context
image.drawAtPoint(CGPointZero)
//get the context for CoreGraphics
let context = UIGraphicsGetCurrentContext()
//set stroking width and color of the context
CGContextSetLineWidth(context, 1.0)
CGContextSetStrokeColorWithColor(context, UIColor.blueColor().CGColor)
//set stroking from & to coordinates of the context
CGContextMoveToPoint(context, from.x, from.y)
CGContextAddLineToPoint(context, to.x, to.y)
//apply the stroke to the context
CGContextStrokePath(context)
//get the image from the graphics context 
let resultImage = UIGraphicsGetImageFromCurrentImageContext()
//end the graphics context 
UIGraphicsEndImageContext()
return resultImage }
    D'élaborer sur la façon dont ce code répond à la question, les futurs visiteurs.
    monsieur, pourriez-vous svp m'aider sur ce point ? stackoverflow.com/questions/49919853/...

    OriginalL'auteur Nadeesha Lakmal

  5. 4

    Depuis iOS 10, vous pouvez utiliser le UIGraphicImageRenderer, qui a une meilleure syntaxe et dispose de quelques fonctionnalités!

    Swift 4

    let renderer = UIGraphicsImageRenderer(size: view.bounds.size)
let image = renderer.image { context in
//draw your image into your view
    context.cgContext.draw(UIImage(named: "myImage")!.cgImage!, in: view.frame)
//draw even more...
    context.cgContext.setFillColor(UIColor.red.cgColor)
context.cgContext.setStrokeColor(UIColor.black.cgColor)
context.cgContext.setLineWidth(10)
context.cgContext.addRect(view.frame)
context.cgContext.drawPath(using: .fillStroke)
}

    OriginalL'auteur appsunited