将 SVG 节点（Macaw）转换为 NSImage Swift4 / Cocoa

Question

我正在尝试将 Macaw SVG（节点）转换为 NSImage。我能够在 Macaw 论坛上找到 IOS 的示例代码，但无法使其在 Cocoa 中运行。

Macaw 库中有所有缺失函数（UIGraphicsBeginImageContext 等）作为 MGraphicsBeginImageContext 的引用，但尚未能够访问它们（使用未解析的标识符“UIGraphicsBeginImageContext”）

这是原始文章中的示例代码https://github.com/exyte/Macaw/pull/382#issuecomment-393422770

func svgToImge(resourceName: String, size: CGSize) -> NSImage {
        if let rootNode = try? SVGParser.parse(path: resourceName)
        {
            let macawView = MacawView(node: rootNode, frame:CGRect(origin: CGPoint.zero, size: size))
            UIGraphicsBeginImageContext(size)
            macawView.layer.render(in: UIGraphicsGetCurrentContext()!)
            let img =  UIGraphicsGetImageFromCurrentImageContext();
            UIGraphicsEndImageContext();
            return img!
        } else {
            return NSImage()
        }
    }

Answer 1

这里是金刚鹦鹉制造商提供的调整后的代码，似乎可以解决问题。我需要添加一个逆变器，因为图像是颠倒绘制的，他们最初建议的 NSGraphicsContext.current?.graphicsPort 似乎不稳定/可靠，我最终使用 NSGraphicsContext.current?.cgContext 代替：

func svgToNSImage(resourcePath: String, size: CGSize) -> NSImage? {

   if let rootNode = try? SVGParser.parse(path: resourcePath) {

        let macawView = MacawView(node: rootNode, frame: CGRect(origin: CGPoint.zero, size: size))
        macawView.wantsLayer = true

        let image = NSImage(size: macawView.bounds.size)
        image.lockFocus()

        //        if let ctx = NSGraphicsContext.current?.graphicsPort {
        if let ctx = NSGraphicsContext.current?.cgContext {
            // image is drawing upside down, invert it and render
            ctx.translateBy(x: 0, y: size.height)
            ctx.scaleBy(x: 1.0, y: -1.0)
            macawView.layer?.render(in: ctx)
        }
        image.unlockFocus()
        return image

    } else { return nil }
}

Answer 2

使用 macOS 14 或更高版本时，您可以使用以下方法在

NSImage

对象中本地加载 SVG 文件：

NSImage(contentsOf: url) // url to SVG file

或

NSImage(data: data) // data of SVG file