Swift 3 - NSString.draw(in: rect, withAttributes:) -- 文本未在预期位置绘制

Swift 3 - NSString.draw(in: rect, withAttributes:) -- Text not being drawn at expected point

开球Whosebug post,这非常有帮助,我已经能够成功地将文本绘制到全屏图像上(我用预先固定的短字符串标记图像,例如,"Trash")。但是,文本没有出现在我想要的位置,而是以用户点击的确切位置为中心。这是我的代码,基于上面 post 中的一些代码,但针对 Swift3 进行了更新 --

    func addTextToImage(text: NSString, inImage: UIImage, atPoint:CGPoint)     -> UIImage{

    // Setup the font specific variables
    let textColor: UIColor = UIColor.red
    let textFont: UIFont = UIFont(name: "Helvetica Bold", size: 80)!

    //Setups up the font attributes that will be later used to dictate how the text should be drawn
    let textFontAttributes = [
        NSFontAttributeName: textFont,
        NSForegroundColorAttributeName: textColor,
        ]

    // Create bitmap based graphics context
    UIGraphicsBeginImageContextWithOptions(inImage.size, false, 0.0)

    //Put the image into a rectangle as large as the original image.
    inImage.draw(in: CGRect(x:0, y:0, width:inImage.size.width, height: inImage.size.height))

    // Create the rectangle where the text will be written
    let rect: CGRect = CGRect(x:atPoint.x, y:atPoint.y, width:inImage.size.width, height: inImage.size.height)

    // Draft the text in the rectangle
    text.draw(in: rect, withAttributes: textFontAttributes)

    // Get the image from the graphics context
    let newImag = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()

    return newImag!
}

在上面,atPoint是用户点击的位置。这是我想要绘制文本的地方。但是,文本总是写在图像的左上角。例如,在附图中,我点击了瀑布的一半,因为这是我想要写入文本字符串 "Trash" 的地方。但是相反,您可以看到它写在左上角。我尝试了很多东西,但无法找到解决方案。我感谢任何帮助。 enter image description here

TrashShouldBeInMiddleOfWaterfallButIsNot

您如何设置 atPoint?如果您使用与屏幕相同的坐标 space,那将不起作用……我怀疑这是正在发生的事情。

假设您的图像是 1000 x 2000,并且您在 UIImageView 中显示它,即 100 x 200。如果您点击视图中的 x: 50 y: 100(位于中心),然后将该点发送到您的函数,它将在图像的 x: 50 y: 100 处绘制文本 - 这将位于上部 -左角,而不是在中心。

因此,您需要将您的点从图像视图大小转换为实际图像大小。在调用您的函数之前,或者通过修改您的函数来处理它。

一个例子(不一定是最好的方法):

    // assume:
    //    View Size is 100 x 200
    //    Image Size is 1000 x 2000
    //    tapPoint is CGPoint(x: 50, y: 100)

    let xFactor = image.size.width / imageView.frame.size.width
    // xFactor now equals 10

    let yFactor = image.size.height / imageView.frame.size.height
    // yFactor now equals 10

    let convertedPoint = CGPoint(x: tapPoint.x * xFactor, y: tapPoint.y * yFactor)

convertedPoint 现在等于 CGPoint(x: 500, y: 1000),您可以在调用 addTextToImage.[=20= 时将其作为 atPoint 值发送]