2016-04-05 14 views
1

İki veya daha fazla fillText() arasında bir çeşit otomatik marj ekleme yolu var mı?HTML5 tuval fillText kenar boşlukları

fillText() numaralı bir kümem var, her kareyi değiştiriyor, daha uzun ve daha kısa oluyorlar, ancak metin arasında sabit bir alan olmasını istiyorlar. Bunu nasıl açıklayabilirim bilmiyorum. Ne demek istediğimi göstermek için bir fiddle oluşturdum.

Örnek, saniye sayacına bakarsanız, orada sadece 1 karakter olduğunda, 'S' karakteri saniyeler içinde olması gerekenden daha uzun sürer.

Bunu nasıl düzeltirim? Tuval giymek için oldukça yeniim. Şimdiden teşekkürler.

cevap

0

Tamam, bir çözüm buldum. Şimdi her bir metin öğesinin genişliğini alıyorum ve bunu kullanarak fillText() numaralı ikinci argümanda biraz daha var.

https://jsfiddle.net/9tv44ja5/3/

^güncelleştirildi çözüm. Bu biraz dağınık atm, daha sonra abit temizlemek için çalışacağız.