SORU
27 Mart 2009, Cuma


Otomatik boyutu sabit boyutlu doldurmak için dinamik metin kap

Sabit bir boyut div kullanıcı girilen metin görüntülemek istiyorum. İstediğim yazı tipi boyutu metin mümkün olduğunca kutusunu dolduracak şekilde otomatik olarak ayarlanması için.

Eğer div 400px İse - x 300px. Eğer birisi ABC girerse o zaman gerçekten büyük yazı tipi. Eğer bir paragraf girin, sonra da küçücük bir yazı olurdu.

Muhtemelen sığacak kadar maksimum bir yazı tipi boyutu - metin konteyner uygun, yazı tipi boyutunu küçültmek için çok büyük ise 32px, ve belki de başlamak isterdim.

CEVAP
27 Mart 2009, Cuma


Teşekkürler 4**. JQuery kullanmak istedim.

Doğru yönde beni işaret etti ve bu işi sonlandırıyorum

Burada eklenti için bir link: https://plugins.jquery.com/textfill/
Ve kaynak link: http://jquery-textfill.github.io/

;(function($) {
    $.fn.textfill = function(options) {
        var fontSize = options.maxFontPixels;
        var ourText = $('span:visible:first', this);
        var maxHeight = $(this).height();
        var maxWidth = $(this).width();
        var textHeight;
        var textWidth;
        do {
            ourText.css('font-size', fontSize);
            textHeight = ourText.height();
            textWidth = ourText.width();
            fontSize = fontSize - 1;
        } while ((textHeight > maxHeight || textWidth > maxWidth) && fontSize > 3);
        return this;
    }
})(jQuery);

$(document).ready(function() {
    $('.jtextfill').textfill({ maxFontPixels: 36 });
});

ve benim html bu gibi

<div class='jtextfill' style='width:100px;height:50px;'>
    <span>My Text Here</span>
</div>

Bu muhtemelen olması gerektiği kadar iyi değil o yüzden ilk benim jquery eklentisi. İşaretçiler kesinlikle açıktır.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Jejoab

    Jejoab

    4 NİSAN 2008
  • Jonathan D.

    Jonathan D.

    3 Kasım 2006
  • ParryGripp

    ParryGripp

    12 AĞUSTOS 2006