以一定角度 [Swift 3] 在图像上绘制文本

Question

我正在尝试制作将从文本字段 (textField) 中获取文本并将其绘制到图像上的函数。目前的功能只能改变绘图的坐标x和y，以及宽度和高度。我想知道的是如何使文本以一定角度绘制（例如 45˚、18˚ 等...）

提前致谢。

func drawText() {
    let font = UIFont.boldSystemFont(ofSize: 30)
    let showText:NSString = textField.text as! NSString
    // setting attr: font name, color...etc.
    let attr = [NSFontAttributeName: font, NSForegroundColorAttributeName:UIColor.white]
    // getting size
    let sizeOfText = showText.size(attributes: attr)

    let image = UIImage(named: "image")!
    let rect = CGRect(x: 0, y: 0, width: image.size.width, height: image.size.height)

    UIGraphicsBeginImageContextWithOptions(CGSize(width: rect.size.width, height: rect.size.height), true, 0)

    // drawing our image to the graphics context
    image.draw(in: rect)
    // drawing text
    showText.draw(in: CGRect(x: rect.size.width-sizeOfText.width-10, y: rect.size.height-sizeOfText.height-10, width: rect.size.width, height: rect.size.height), withAttributes: attr)

    // getting an image from it
    let newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext()

    self.imageView.image = newImage
}

Answer 1

1.Draw 先把文字转成图片，再旋转图片。

2.Draw 将图像（带文字）旋转到背景图像上。

    //First create the rotated and transparent image with text        
    UIGraphicsBeginImageContextWithOptions(CGSize(width: rect.size.width, height: rect.size.height), false, 0)
    if let context = UIGraphicsGetCurrentContext() {
        context.rotate (by: 45.0 * CGFloat.pi/180.0) //45˚
    }
    showText.draw(in: CGRect(x: 10, y: 10, width: rect.size.width, height: rect.size.height), withAttributes: attr)
    let rotatedImageWithText = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext()


    //Then, draw rotated image(with text) onto the background image
    UIGraphicsBeginImageContextWithOptions(CGSize(width: rect.size.width, height: rect.size.height), true, 0)

    image.draw(in: rect)
    rotatedImageWithText?.draw(in: rect)

    let newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext()

    self.imageView.image = newImage

以一定角度 [Swift 3] 在图像上绘制文本

Draw text onto image at an angle [Swift 3]

rotation

draw

ios

swift

swift3