Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Scale text stretch dont work Reply To: Scale text stretch dont work

#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>