业务需求 给出一段文本,自动识别出文本中包含的关键字信息,关键字是库里已知的数据,根据类型的不同显示出不同的颜色 业务分析 1)采用css:文本识别出来后,根据识别出的文本更改对应文本的dom,通过更改css来实现 缺点:比较麻烦,只能标注颜色,不易于维护和拓展 2)采用svg:使用svg绘制文本,绘制颜色标注 优点:比较灵活,便于后续拓展 实现效果 实现难点 想象很美好,实现很骨感,代码实现的过程中遇到了不少问题,这里记录下解决方法.本文主要粘贴核心代码,不是全部的业务代码哦~ 1.svg的换