请问给图片打标签的 feature 都要用到哪些方面的库？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2566 天前的主题，其中的信息可能已经有所发展或是发生改变。

不知道有人玩过一个 app 叫"nice"不？
就是可以把点击图片的某个部位，然后给图片打个标签。

这都要用到哪些方面的技术？求指点
用 javascript 的话，有哪些库呢？搜半天没搜到

8 条回复 • 2017-11-19 19:57:16 +08:00

noe132

2017-11-19 13:15:52 +08:00

类似 QQ 空间那种圈人头的么
感觉很简单吧。记录个图片 ID 位置文字就行了啊

ericgui

2017-11-19 13:22:09 +08:00 via Android

@noe132 是的，我也是这个思路，但也不知道别人怎么实现的，所以就有点不托底。

那么说来，可以通过 api 精确的获得鼠标的位置，图片在页面的位置，于是就可以计算出鼠标在图的位置？

就是说，这个位置信息，具体怎么实现的呢？

noe132

2017-11-19 13:25:18 +08:00

鼠标事件里就有 offsetX offsetY 可以确定相对位置了，确定位置肯定不是什么难事
https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/offsetX

owenliang

2017-11-19 13:29:14 +08:00 via Android

百分比位置啊

ericgui

2017-11-19 13:29:31 +08:00 via Android

@noe132 其实主要是要计算出第一次鼠标点击的位置在图的哪里，毕竟后面的人再看的时候，图在页面里的渲染位置可能就变了。

能得到具体某个图的位置信息么？ js 不太熟，不好意思

owenliang

2017-11-19 13:32:33 +08:00 via Android

无论怎么缩放百分比位置都是固定的啊难度在哪里

ericgui

2017-11-19 13:45:21 +08:00 via Android

@owenliang 哦，是嘛，js 不太熟，我一开始以为是 python 用 opencv 呢

allenhu

2017-11-19 19:57:16 +08:00 via Android

基础不牢，但是什么都懂点皮毛，就会有这种尴尬了，抓紧时间填坑吧