我不知道这有多重要，但我想出了一个解决方案，也许其他人会从中受益。
我确实使用转换器将我的可点击区域转换为SwiftUI形状（https://svg-to-swiftui.quassum.com/）这可能是困难的，这取决于你试图转换的svg。对我来说，它工作得很好，因为svg包含简单的路径。我给了结果形状语义名称，并将它们粘贴在我的视图上方。可悲的是，不能使用缩放到适合修改器来缩放形状，因为onTapGesture识别出了孔区域而不仅仅是突出显示的区域。所以我最终使用了overlay。

import SwiftUI

struct ContentView: View {
var body: some View {
    ZStack {
        Image("background")
            .resizable()
            .aspectRatio(contentMode: .fit)
            .overlay{
                ZStack{
                  Circle() //use the Shape you get from the converter
                      .onTapGesture {
                          print("Circle is pressed")
                      }
                  Rectangle() //use the Shape you get from the converter
                      .onTapGesture {
                          print("Rectangle is pressed")
                      }
                }
            }
     }
}

字符串

import SwiftUI

struct ContentView: View {
    var body: some View {
        ZStack {
            Image("background")
                .resizable()
                .scaledToFit()

            ClickableArea(imageName: "clickableHighlight1") {
                // Do stuff specific to highlight 1 area
                print("Clicked on Highlight 1")
            }

            ClickableArea(imageName: "clickableHighlight2") {
                // Do stuff specific to highlight 2 area
                print("Clicked on Highlight 2")
            }
        }
    }
}

struct ClickableArea: View {
    let imageName: String
    let action: () -> Void

    var body: some View {
        Image(imageName)
            .resizable()
            .scaledToFit()
            .onTapGesture {
                action()
            }
    }
}

@main
struct YourApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

字符串
这段代码可以帮助你制作可点击的图片