text-width - Measure the text width in browsers

  •        11

A small utility for measuring the text width in browsers that support the canvas API.Install through npm and require it with browserify. It uses the ctx.measureText method for acquiring the text width.

https://github.com/kapetan/text-width

Dependencies:

xtend : ~4.0.0

Tags
Implementation
License
Platform

   




Related Projects

zero-width-detection - Invisibly inserting usernames into text with Zero-Width Characters

  •    Javascript

A project to demonstrate the vulnerabilities of copying text that may have zero-width characters inserted into it.

textFit - A jQuery-free component that quickly fits single and multi-line text to the width (and optionally height) of its container

  •    Javascript

A fast, dependency-free text sizing component that quickly fits single and multi-line text to the width and/or height of its container. textFit supports IE9+, Firefox, Chrome, Opera, and most mobile browsers. If you find an incompatibility, please file an issue.

LoginCritter - An animated avatar that responds to text field interactions

  •    Swift

Inspired by the amazing work done by other designers and developers, specifically Darin Senneff's amazing work. 🎩🌟 I wanted to try and create a similar animated "Login avatar" in Swift. The Login Critter uses several UIPropertyAnimator. The head rotation is controlled by updating the fractionComplete property for an animator. As the user types, the animator's fraction complete is calculated by text width / text field width.

A tool to convert text to picture

  •    

Convert plain text to GIF image locally through this WinForm tool. ?????????? GIF ????????? Image width is adjusted automatically with the width of the TextBox. UI is in English and Chinese, based on local operating system. .Net framework 2.0 needed to run it. Please check D

TCPDF - PHP class for generating PDF

  •    PHP

TCPDF is a PHP class for generating PDF documents without requiring external extensions. TCPDF Supports UTF-8, Unicode, RTL languages, XHTML, Javascript, digital signatures, barcodes and much more.


jquery.panzoom - :egg: A jQuery plugin for panning and zooming elements using CSS3.

  •    Javascript

Panzoom is a progressive plugin to create panning and zooming functionality for an element. Rather than setting width and height on an image tag, Panzoom uses CSS transforms and matrix functions to take advantage of hardware/GPU acceleration in the browser, which means the element can be anything: an image, a video, an iframe, a canvas, text, WHATEVER. jquery.panzoom.min.js (12.5kb/4.6kb gzip), included in this repo, is compressed with uglifyjs.

CoreTextHyperlinkView - An iOS view that renders text using Core Text with tappable hyperlinks without a webview!

  •    Objective-C

Project includes an example of how to use the core text view. It's pretty simple - create the view with a 0 height frame, set the attributes, set its text, and then ask it for it's size so that the height is just correct. It will calculate based on the constraining width, and any padding that you set. There is also a Twitter specific subclass that enables @usernames and #hashtags to be linkified.

jquery-truncate

  •    Javascript

Simple plugin that truncates a text either at its end or middle based on a given width or it's elements width.

SoftwareBotany.Ivy String Utils w/ Quoted Delimited (CSV) & Fixed-Width Parsers

  •    

The Software Botany Ivy project is a library containing various string utilities. Included in the library are fluent APIs for parsing and creating quoted delimited and fixed-width positional text. For example, quoted CSV such as that used by Microsoft Excel is supported. The ...

Text::FixedWidth.pm

  •    Perl

Text::FixedWidth is a Perl module that provides a simple object-oriented interface to parse and manipulate fixed column-width text files. The module currently exposes three public methods: new, print_all, and select_distinct.

pangu.js - 為什麼你們就是不能加個空格呢?

  •    Javascript

Paranoid text spacing for good readability, to automatically insert whitespace between CJK (Chinese, Japanese, Korean) and half-width characters (alphabetical letters, numerical digits and symbols).

RecordEditor

  •    Java

Editor for Fixed Width, Csv and Existing Xml files.

fitter-happier-text - Performant, fully fluid headings

  •    HTML

Pass it a nodelist. Fitter Happier Text replaces each node with an SVG text node and sets the viewBox attribute based on its width and height.

PZFileReader

  •    Java

Java flat text parser. Parse any delimited or fixed width strings. Bind user friendly column names to text positions via XML. Easily parse strings, dates, doubles, integers, etc.

BigText - jQuery plugin, calculates the font-size and word-spacing needed to match a line of text to a specific width

  •    Javascript

BigText works best on browsers that support subpixel font scaling. In order to best serve sizes to all browsers, BigText will adjust word-spacing as well as font-size. Use display: inline children (like a span) so the text will flow correctly if BigText doesn’t run.

MarqueeLabel - A drop-in replacement for UILabel, which automatically adds a scrolling marquee effect when the label's text will not fit inside the specified frame

  •    Objective-C

MarqueeLabel is a UILabel subclass adds a scrolling marquee effect when the text of the label outgrows the available width. The label scrolling direction and speed/rate can be specified as well. All standard UILabel properties (where it makes sense) are available in MarqueeLabel, with the intent of MarqueeLabel behaving just like a UILabel. MarqueeLabel has subspecs for both Objective-C and Swift! Currently, Objective-C is the default subspec.

TextDrawable - This light-weight library provides images with letter/text like the Gmail app

  •    Java

###TextDrawable This light-weight library provides images with letter/text like the Gmail app. It extends the Drawable class thus can be used with existing/custom/network ImageView classes. Also included is a fluent interface for creating drawables and a customizable ColorGenerator. Note: Specify width/height for the ImageView and the drawable will auto-scale to fit the size.

CoreTextWrapper - An Objective-C wrapper around Core Text for creating multi-column text and loading custom fonts

  •    Objective-C

One of the most promising and mysterious new frameworks introduced in iOS 3.2 is Core Text. Apple defines Core Text as a “text drawing engine”, which allows Mac (and now iPad) apps to render rich text on any graphics context. Strings drawn with Core Text feature lots of custom settings such as detailed font information, columns, variable line and paragraph heights and several different attributes, which designers and font aficionados surely understand much better than I do. Many new apps have been using this framework since the release of the iPad, particularly newspapers and ebook reader applications, rendering gorgeous text in custom fonts, many of them not available natively in iOS. This framework is also used in lifestyle and corporate applications, too, where using a custom font is sometimes required to match the specifications of brands and trademarks. It is very important to understand that Core Text is really just a text drawing engine to be used on top of Quartz (Core Graphics), to render rich text on any graphics context. Core Text cannot be used to create a rich text editor, for example, so don’t expect to extend UITextView with it. But you can use it to draw any kind of rich text on screen, which can make you avoid using UIWebView instances for that.

ansi-canvas - Render a <canvas> node to your terminal

  •    Javascript

This module provides a <canvas> object backed by node-canvas, with its width and height properties automatically set to the proper size of the terminal window.

http-client-hints

  •    Ruby

This specification defines a set of HTTP request header fields, colloquially known as Client Hints, that are intended to be used as input to proactive content negotiation; just as the Accept header allows clients to indicate what formats they prefer, Client Hints allow clients to indicate a list of device and agent specific preferences. Current list includes DPR (device pixel ratio), Width (resource width), Viewport-Width (layout viewport width), and Downlink (maximum downlink speed) request headers, and Content-DPR response header that is used to confirm the DPR of selected image resources - see full definitions in latest spec.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.