我只想扑通扑通,有人可以帮助我吗?
Clickable Marked points on an Image
您好,我需要在屏幕上显示一个带有可点击点的图像,并在用户点击这些点时触发一个动作。我听说它是由SVG制成的,我已经在几个地方进行了搜索,但扑朔迷离中找不到解决方法。
答案 0 :(得分:0)
我在类似情况下挣扎。
Slah的解决方案---在背景图像上放置一个操作层---如果不需要捏缩放图像就可以使用,但是在我的情况下,放大图像时定位的小部件无效。 / p>
我的解决方案是将图像嵌入到webview中,您可以使用webview_flutter,因为它可以很容易地插入到小部件树中,但是我认为flutter_webview_plugin也可以工作,因为您只需要听一些点击事件即可。将超链接添加到要单击的元素,然后通过webviewcontroller(webview_flutter)或onUrlChanged Stream(flutter_webview_plugin)播放click事件。
您可以立即获得的一个好处是Uri.dataFromString('<html><svg>some svg codes</svg></html>', mimeType: 'text/html').toString()
然后,您可以完全控制外观(通过CSS)和行为(通过javascript)。例如,您可以将不规则区域定义为可点击并响应点击。