text-size

Small high performance library to get text width before render

Examples

1) With React es6 style
``js
import React from 'react';
import textSize from 'text-size';

class TextComponent extends React.Component {
render() {
return (

Text width: {textSize.getTextWidth({text: 'Some text', fontSize: 17, fontName: 'Arial'})}

);
}
}
`
2) With React es5 style
`js
var React = require('react');
var textSize = require('text-size');

var TextComponent = React.createClass({
render: function() {
return (

Text width: {textSize.getTextWidth({text: 'Some text', fontSize: 17, fontName: 'Arial'})}

);
}
});
`
3) With simple html file
`js








`


API


#### getTextWidth(config, type)
- config - {text: String, fontSize: String, fontName: String}, required parameter
- type: - optional parameter, can be 'canvas' or 'dom', 'dom' by default

Pefomance

For testing we use Macbook Pro 2015, Chrome 51
#### DOM
`js








``
take 35-50ms
#### Canvas
`js








```
take 25-45ms