Como posso obter o posicionamento e o espaçamento perfeitos de pixels dos elementos de texto nos navegadores?
gora, estamos tentando obter uma formatação consistente detextarea
elements, no Safari / Chrome / Firefox / IE no Mac e Windows. Eu acredito que isso pode ser uma toca de coelho, já que qualquer combinação dos mesmos pode produzir formatação de uma maneira ligeiramente diferente - talvez uma combinação adicione um pouco de preenchimento a uma div aqui de maneira diferente das outras, outra quebra o texto de várias linhas lá de maneira diferente de os outros e assim por diant
Ao invés de usartextarea
(oudiv
), podemos obter um posicionamento perfeito em pixels usandocanvas
? Ou usando a biblioteca JavaScript Raphael? Ou talvez alguma outra biblioteca JS?
Principalmente, por pixel perfeito, o que quero dizer é que qualquer texto arbitrário deve ser renderizado exatamente da mesma maneira (especialmente com relação a quebras de linha e preenchimento) em qualquer um dos navegadores mencionados acim
(Eu preferiria evitar soluções baseadas em Flash no momento, a menos que seja os solução ...)