twp

text-wrap-px

基于 CSS Style 的 String.substr 来截取字符

Showing:

Popularity

Downloads/wk

2

GitHub Stars

2

Maintenance

Last Commit

5yrs ago

Contributors

2

Package

Dependencies

1

Size (min+gzip)

35.2KB

License

BSD-3-Clause

Type Definitions

Tree-Shakeable

No?

Categories

Readme

Text Wrap Pixels(text-wrap-px)

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

一、NPM 安装使用

进入到你的项目根目录,输入以下命令将 TextWrapPX 安装到你的项目中:

npm install --save text-wrap-px

【实例方式】安装成功后,在你需要使用的地方这样:

var TextWrapPX = require('text-wrap-px');
var textWrapPXOpts = { maxWidth: [400] };
var textWrapper = new TextWrapPX('', textWrapPXOpts);

// result 是一个数组,result.length 表示文本的行数,result[i] 表示第 i 行的文本
var result = textWrapper.build('Hello text-wrap-px');

// 使用完了以后别忘记销毁
textWrapper.destroy();

【方法方式】上面那种是实例的使用方式,如果只是想简单的一次性使用,也可以这样:

var TextWrapPX = require('text-wrap-px');

var result = TextWrapPX('Hello text-wrap-px', { maxWidth: [400] });

License

text-wrap-px dependent on some open source licensed projects as well. Please checkout their homepage for more details:

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial