如何在颤动的图像中插入可点击的点?

时间:2020-01-10 14:44:28

标签: flutter dart imagemap

我只想扑通扑通,有人可以帮助我吗?

Clickable Marked points on an Image

您好,我需要在屏幕上显示一个带有可点击点的图像,并在用户点击这些点时触发一个动作。我听说它是​​由SVG制成的,我已经在几个地方进行了搜索,但扑朔迷离中找不到解决方法。

1 个答案:

答案 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()

可以不使用任何其他软件包而使用.svg。

然后,您可以完全控制外观(通过CSS)和行为(通过javascript)。例如,您可以将不规则区域定义为可点击并响应点击。