用户友好的javascript工具,用于在图像上拾取坐标
User-friendly javascript tool for picking coordinates on an image
我正在开发一个用于管理机房的应用程序。房间经理会看到房间的地图(有桌子和椅子),并可以点击图像来标记电脑的位置。
坐标将用于向用户显示房间的地图,并在地图上显示哪些计算机可以自由使用。
使用javascript获取坐标很容易(这个问题的答案可以在stackoverflow的其他地方找到)。
我希望有一个交互式工具/库,包括:
- 拖放
- 拖动鼠标时显示坐标
- 缩放功能
- 从图像中添加/删除坐标对以及诸如此类的事情
有人知道这样的工具吗?
查看此页http://jqueryui.com/demos/position/,点击查看源代码,获得灵感并编写自己的jquery ui插件。
相关文章:
- 点击(右键点击)使用传单地图库获取图像覆盖的像素坐标
- 使用D3.js和GeoJson在地图上的某些坐标上设置一个小图像
- 以编程方式将fabric-js-canvas的图像替换为hq图像,并重新计算其他对象的坐标和大小
- 获取框内图像的坐标
- 从两个标记中查找静态地图图像坐标
- 获取画布中图像内的鼠标坐标
- 如何获取画布中图像元素的坐标
- 单击图像,获取坐标并将其保存在数据库JavaScript和Rails中
- 如何在上传之前获取图像的裁剪坐标
- 通过指向 X、Y 坐标来移动图像
- 图像可拖动到特定的 x,y 坐标
- 不同浏览器的图像映射坐标
- 如何在使用文本对齐时调整图像大小并保持图像映射坐标:居中
- 将调整大小的图像坐标映射回原始图像坐标
- 传单自定义图像坐标
- 如何使用fabric js中的image.centerObject()将对象居中后获得图像坐标
- 使用图像坐标裁剪图像
- 获取鼠标移动的图像坐标
- 我如何获得图像坐标鼠标悬停与three.js
- 用css中的变量控制精灵图像坐标