在web中将每行文字的位置框出来
1
收藏
我的想法是，先将整个图片中的文字识别出来，然后在图片上写一个相应大小的div遮罩层，再在每行文字上形成一个遮罩层，当点击图片上的文字时，其实点击的就是图片上的div层，然后将div中所包含的数据传到后端处理，实现效果如下图
实现前，需要将数据转换，获得每行数据的left，top，height，width的属性值，然后用js获取图片大小，然后将div设置为相同大小，具体操作看代码，在形成遮罩层的代码比较麻烦
我这里是用PHP作为后台，其他语言与之相似
![]()
{volist name="result" id="line"}
{/volist}
收藏
点赞
1
个赞
请登录后评论
TOP
切换版块
恩，是的
这个感觉实现起来很好，直接选中了相应文字