(资料图片)

目的

更方便地高亮一部分文字（背景色 or 文字色）

效果

这里展示增加背景色的高亮方式

实现

通过canvas context计算高亮文字的位置、长度、高度

对于通过背景色高亮：增加一个text元素，设置位置、大小、背景色

对于通过文字色高亮：从高亮处切分text元素，调整初始位置、改变高亮元素的前景色strokeColor