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

Posted 2023-03-14

【中文标题】Swift 3 - NSString.draw(in: rect, withAttributes:) -- 文本未在预期点绘制

【英文标题】：Swift 3 - NSString.draw(in: rect, withAttributes:) -- Text not being drawn at expected point

【发布时间】：2017-08-09 01:17:25

【问题描述】：

从*** 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

【参考方案1】：

你如何设置atPoint？如果您使用与屏幕相同的坐标空间，那将无法正常工作……这就是我怀疑正在发生的事情。

假设您的图像是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 时将其作为 atPoint 值发送。