使用 Javascript (Node.Js) 在服务器上以像素为单位 快速测量字符串宽度_代码_相关文件_下载

[string-pixel-width](https://github.com/adambisek/string-pixel-width) =================================== [](https://travis-ci.org/adambisek/string-pixel-width) [](https://www.npmjs.com/package/string-pixel-width) [](https://coveralls.io/github/adambisek/string-pixel-width?branch=master) String pixel width measurement on the backend in Javascript. [Why I created this package? Read more about purpose](https://medium.com/@adambisek/text-pixel-width-measuring-on-javascript-backend-node-js-2b82bea97fab#.8ypyiffyw) Installation ------------ To install the stable version: <code> npm install --save string-pixel-width </code> Supported fonts: ------------ - Andale Mono - Arial - Avenir - Avenir Next - Comic Sans MS - Courier New - Georgia - Helvetica - Impact - Times New Roman - Trebuchet MS - Verdana - Webdings - Open Sans - Tahoma Example ------------ ``` var pixelWidth = require('string-pixel-width'); const width = pixelWidth('My text ...', { size: 10 }); console.log('This text is ' + width + 'px long in the size of 10px.'); // This text is 43.5px long in the size of 10px. ``` ``` var pixelWidth = require('string-pixel-width'); const width = pixelWidth('My text ...', { font: 'impact', size: 10 }); console.log('This text is ' + width + 'px long in the size of 10px.'); // This text is 42px long in the size of 10px. ``` ``` var pixelWidth = require('string-pixel-width'); const width = pixelWidth('My text ...', { font: 'open sans', size: 10, bold: true, italic: true }); console.log('This text is ' + width + 'px long in the size of 10px.'); // This text is 47px long in the size of 10px using bold and italic proportions. ``` How to contribute ------------ PRs are welcome :) This library uses static map of width of every ASCII letter for all supported fonts. 1. Clone the repository 2. Open file ```src/pixelWidthCalculator.html``` in your editor 3. Add your font name into array of fonts (currently var websafe) and save 4. Open up ```src/pixelWidthCalculator.html``` in Google Chrome. It should look like this:  5. Map of withs will be generated for you - copy it and replace content of file ```src/widthsMap.js``` **Please everytime make sure you don't broke existing fonts - remove any font or broke his widths.**