Home › Forums › JavaScript › Scale text stretch dont work › Reply To: Scale text stretch dont work
April 19, 2016 at 8:11 pm
#240752
scooterbart
Participant
Sorry Jquiry
<script>
jQuery.fn.strech_text = function(){
var elmt = jQuery(this),
cont_width = elmt.width(),
txt = elmt.html(),
one_line = jQuery('<span>' + txt + '</span>'),
nb_char = elmt.text().length,
spacing = cont_width/nb_char,
` txt_width;
elmt.html(one_line);
txt_width = one_line.width();
if (txt_width < cont_width){
var char_width = txt_width/nb_char,
ltr_spacing = spacing - char_width + (spacing - char_width)/nb_char ;
ltr_transform = spacing - char_width + (spacing - char_width)-nb_char ;
console.log(ltr_spacing);
console.log(ltr_transform);
one_line.css({'letter-spacing': ltr_spacing});
one_line.css({'transform': ltr_transform});
} else {
one_line.contents().unwrap();
elmt.addClass('justify');
}
`
};
});
</script>