在web中将每行文字的位置框出来
难挽之 发布于2018-06-02 11:05 浏览:567 回复:2
1
收藏
我的想法是,先将整个图片中的文字识别出来,然后在图片上写一个相应大小的div遮罩层,再在每行文字上形成一个遮罩层,当点击图片上的文字时,其实点击的就是图片上的div层,然后将div中所包含的数据传到后端处理,实现效果如下图
实现前,需要将数据转换,获得每行数据的left,top,height,width的属性值,然后用js获取图片大小,然后将div设置为相同大小,具体操作看代码,在形成遮罩层的代码比较麻烦
我这里是用PHP作为后台,其他语言与之相似
{volist name="result" id="line"}
{/volist}

收藏
点赞
1
个赞
共2条回复 最后由难挽之回复于2018-06-14 16:43
#3难挽之回复于2018-06-14 16:43:16
#2 li12345萌萌回复
这个感觉实现起来很好,直接选中了相应文字

恩,是的

0
#2li12345萌萌回复于2018-06-14 00:11:10

这个感觉实现起来很好,直接选中了相应文字

0
TOP
切换版块