前端多行文本末行打点

很多时候我们要实现如何的打点效果，可是英文字符和中文字符长度时不一样的，这个时候该如何实现如下效果呢？

至于展出操作应该是前端都能够处理的。
应该都知道英文占1个字符，中文汉字占2个字符。
将中文的字符长度按2个的位字符算出，然后想办法进行截取。
算出位字符长度：

      //  计算字符长度
      function  getStrlength(str){
   
          return str.replace(/[^\x00-\xff]/g,"aa").length;
      }

参考链接计算字符长度</