javascript - 特定の幅のスパンのコンテンツのみを取得します

Question

コンテンツで動的に満たされるスパンがあります。コンテンツが500pxの幅に達したら、300pxのコンテンツを読み取る必要があります。コンテンツは1行または複数行にすることができます。

解決策はありますか？

Answer 1

grabbag.jsライブラリには、この目的のためだけのメソッドがあります* 。

ドキュメントはあまりありませんが、grabbag.measure.cropという関数があり、文字列を特定のディメンションにトリミングするために使用できます。ライブラリの使用方法を示す小さなJSフィドルを作成しましたが、基本は次のようになります。

var result = grabbag.measure.crop(inputString, 300 /* number of pixels */, ele);

ここで、eleはスタイリングを「盗む」ためのDOM要素です。結果には、指定されたピクセル数にかろうじて収まる文字列が含まれます。

お役に立てば幸いです。

• 免責事項：私は図書館の著者の一人です。