- 主题:在图片上加文字，用什么前端框架比较好？
使用Javascript，在图片上添加字，需要所见即所得：鼠标双击一个位置，输入文字。请问，使用什么前端框架实现这样的功能比较方便？
非常感谢！
--
FROM 137.189.204.*
直接canvas.
【 在 MathModel 的大作中提到: 】
: 使用Javascript，在图片上添加字，需要所见即所得：鼠标双击一个位置，输入文字。请问，使用什么前端框架实现这样的功能比较方便？
: 非常感谢！
--
修改:dhcn FROM 111.196.0.*
FROM 111.196.0.*
canvas的text editor要找js库或者自己造轮子
【 在 dhcn 的大作中提到: 】
: 直接canvas.
--
FROM 110.23.10.*
如果你的功能仅限于给图片加标注 而不需要对图片做处理的话 给你一个简单的方案
你随便用哪个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.*
这个只能做头像批注这类的小玩意，无法做到图片编辑，说白了，没有所得。
【 在 facilitator 的大作中提到: 】
: 如果你的功能仅限于给图片加标注 而不需要对图片做处理的话 给你一个简单的方案
: 你随便用哪个js框架 只要可以相应鼠标事件动态插入span就可以
: 关键的trick就是图片作为背景 parent div用display:block; postion: relative; 你可以用cursor: text;给人可以点击就添加text tag的假象。然后处理click/mousedown事件来添加child span
: ...................
--
修改:dhcn FROM 111.196.0.*
FROM 111.196.0.*
lz也没有要求图片编辑啊 10min搞定的事情何必弄一天呢
【 在 dhcn 的大作中提到: 】
: 这个只能做头像批注这类的小玩意，无法做到图片编辑，说白了，没有所得。
--
FROM 110.23.10.*
原文要求：需要所见即所得
【 在 facilitator 的大作中提到: 】
: lz也没有要求图片编辑啊 10min搞定的事情何必弄一天呢
:
--
FROM 111.196.0.*
contenteditable当然是所见即所得啊 在canvas里面添加文字不是一样记录文字坐标和内容么
【 在 dhcn 的大作中提到: 】
: 原文要求：需要所见即所得
--
FROM 110.23.10.*