在线测试 <<>> Github Code <<>> NPM

概述

简单来讲，TextWrapPX 是一个基于 JavaScript 来精确处理文本断行、截断的小工具；使用场景类似无法直接通过 CSS Style 来控制断行、截断，如：SVG 中的 text 标签，canvas 中的文本换行等等；

这里，我们简单介绍一种使用场景，在 ECharts 的使用中，需要对坐标轴的标签文本进行换行、截断处理，但是在显示多少个字符时才截断、换行？ECharts 内部提供 label 的 formatter 接口可以用来格式化要显示的坐标轴标签，其中可以在文本中插入 \n 来换行，然后我们可以使用 TextWrapPX 来计算行数及截断，像这样：

var textWrapper = new TextWrapPX('', {});
var textArr = textWrapper.build('需要做换行、截断处理的一段文本');
console.log(textArr.joing('\n'));

上面这个只是简单的使用，更多的功能及用法请参照以下链接：

results matching ""

    No results matching ""