如果你的功能仅限于给图片加标注 而不需要对图片做处理的话 给你一个简单的方案

你随便用哪个js框架 只要可以相应鼠标事件动态插入span就可以

关键的trick就是图片作为背景 parent div用display:block; postion: relative; 你可以用cursor: text;给人可以点击就添加text tag的假象。然后处理click/mousedown事件来添加child span

child span要用position: absolute; 添加contenteditable，然后通过设置style的top/left/z-index控制显示位置和相应鼠标点击的z-order。

https://jsfiddle.net/jL1dyyy5/1/



【 在 MathModel 的大作中提到: 】
: 使用Javascript，在图片上添加字，需要所见即所得：鼠标双击一个位置，输入文字。请问，使用什么前端框架实现这样的功能比较方便？
: 非常感谢！
--
FROM 110.23.10.*