Skip to content

Diono/TextY

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#TextY v0.1.14

Manage text size in javascript

@author Diono CORBEL http://www.diono.fr/

DEMO : http://www.dionoportfolio.com/TextY/

##Introduction

TextY is a tool to measure the length of a text pixel. TextY relies on a database gathering the size of each character in a font.

##How to use

TextY is attached to window. we call directly or through window:

TextY();

or

window.TextY();

##What are the arguments it expects

The first argument is the DOM element and the second argument is the list of setup options

TextY(DOM, options);

DOM is a DOM element

!! WARNING !!

// TextY is written in pure JavaScript, it does not use any library like jQuery

TextY($('#my_element')); // Doesn't works

// instead use :

TextY($('#my_element')[0]); // access to the DOM element

OPTIONS is an object that parameter :

var options = {
    limit: true, // [Boolean/Number] enforce a size limit for text and adjust its size and its contents so that it does not exceed
    clear: true, // [Boolean]        deletes the reference text container to the update before calculating its size
    min: 7 //       [Number]         defines the threshold beyond which the text can not be reduced
}

##What you can do

  1. Retrieve the size of a text of a DOM element
TextY(document.getElementById('my_element'));
// return the size
  1. Forcing text to fit the width of the container
TextY(document.getElementById('my_element'), {limit: true});
  1. Force the text to fit a given width (here 300pixels)
TextY(document.getElementById('my_element'), {limit: 300});

##Extras

TextY can calculate the size of the characters in a font

TextY.addFont(font, override);

font [String/Object] name of the new font or size chart of characters in the new font

override [Boolean] overwrites a definition if it already exists

Once generated, TextY add the font in its database