代码之家 › 专栏 › 技术社区 › Nic

用于记录用户选择的响应图像

interactive user-input responsive-design html

Nic · 技术社区 · 7 年前

我希望允许用户(通过网络浏览器或软件)点击平板电脑/手机中照片的特定部分,并记录他们的选择。

基本上,我有一些航空照片,我想放置一个规则的网格(比如说100米x 100米)。该网格将是半透明的,如果未单击(“关闭”),每个网格单元将是透明的,单击(“打开”)时将变为蓝色。如果每个网格单元为“开”或“关”,则会存储一个值。

这最好使用空间参考的geotiff图像来完成,但不是必需的。

我在地理信息系统相关软件方面有很多经验,但我正在寻找一个简单的解决方案。

这可能吗? 推荐哪些工具、web语言(html、java等)或软件。响应图像地图在这里似乎有点相关,但我不确定?

1 回复 | 直到 7 年前

Pang abielita 7 年前

可以通过图像跟踪用户交互。你可以覆盖一个可点击的网格 div ,只需聆听每个 部门 .

这里是一种方法,我放置一个10x10的网格 部门 在图像顶部:
https://jsfiddle.net/o31p99wh/

关键是要知道图像的大小/比例,并确保瓷砖映射到该大小/比例。E、 g.每个 35 x 35px 方形映射到 350 x 350m .

推荐文章

cnm · 如何在Qt 5 for Windows中以编程方式处理交互式CLI

6 年前

Anirudha Gupta · 有没有办法初始化web。在C#interactive中配置?

6 年前

Onur Altay · 具有选定点的三维线条图

6 年前

Greg · 嵌入pyqt5窗口中的Matplotlib导航工具栏-重置原始视图崩溃

6 年前

ccsann · 在交互模式下仅打印用户变量

6 年前

Peter Miksza · 使用构建在闪亮服务器内的数据框进行两个输出

7 年前

Nic · 用于记录用户选择的响应图像

7 年前

René Nyffenegger · proc printto:输出到同一文件的日志和过程不会刷新输出到日志文件的百分比

7 年前

seasons986 · 如何在不损失可扩展性的情况下为网页(HTML/JS)制作动画?

7 年前

Markus T. · 如何在matplotlib图的顶部创建用户创建的文本框?

7 年前