Breaking News: Grepper is joining You.com. Read the official announcement!

jquery textfill example

Bek Consulting answered on February 22, 2022 Popularity 3/10 Helpfulness 1/10

answer jquery textfill example

jquery textfill example

Comment

//<script src="jquery.min.js"></script>
//<script src="jquery.textfill.min.js"></script>
//<script>
$(function() {
    $('#my-element').textfill({
      	// AVAILABLE OPTIONS - 
      	//option: defaultValue
        minFontPixels: 4,			
      	maxFontPixels: 40,
      	innerTag: span,
      	widthOnly: false,
      	explicitWidth: null,
      	explicitHeight: null,
      	changeLineHeight: false,
      	allowOverFlow :false,
      	debug: false,
    });
});
//</script>

/*
Name				Description	
--------------------------------
minFontPixels		Minimal font size (in pixels). 
					The text will shrink up to this value.
maxFontPixels		Maximum font size (in pixels). The text will stretch up to this value.. 
                    If it's a negative value (size <= 0), 
                    the text will stretch to as big as the container can accommodate.
innerTag			The child element tag to resize. We select it by using 
					$(innerTag + ':visible:first', container)
widthOnly			Will only resize to the width restraint. 
					The font might become tiny under small containers.
explicitWidth		Explicit width to resize. 
					Defaults to the container's width.
explicitHeight		Explicit height to resize. 
					Defaults to the container's height.
changeLineHeight	Also change the line-height of the parent container. 
					This might be useful when shrinking to a small container.
allowOverflow		Allows text to overflow when minFontPixels is reached. 
					Won't fail resizing, but instead will overflow container.
debug				Output debugging messages to console.
*/

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: github.com

Tags: javascript jquery

Link to this answer
Share Copy Link

Contributed on Feb 22 2022

Bek Consulting

0 Answers Avg Quality 2/10

jquery textfill example

Contents

More Related Answers

jquery textfill example

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.