Нужен совет по созданию шрифта с фиксированным интервалом для приложения html5 annotation canvas - PullRequest
1 голос
/ 02 декабря 2011

Я знаю, что попытка фиксированного отображения - это, как правило, веб-дизайн. Нет, но, пожалуйста, выслушайте меня!

Я разрабатываю дополнение к форуму, которое я запускаю.Короче говоря, идея заключается в том, что пользователь может напечатать свои сообщения с текстом и bbcode, как обычно, затем создать управляемый холст поверх текста, нарисовать его с помощью мыши, нажать «Отправить», и тогда каракулипоявиться на вершине своего поста.Сервер обрабатывает изображение в виде png с прозрачным фоном, а затем корректно выравнивает его по тексту.

Таким образом, на самом деле у меня хорошо работают бэкэнд-обработка и интерфейс интерфейса.Единственная оставшаяся часть - это отображение, на котором обработанный рисунок выравнивается поверх текста.И чтобы это работало, выравнивание изображения по тексту должно быть довольно точным.Если пользователь, скажем, обводит или вычеркивает слово, и текст не отображается таким же образом для другого пользователя, конечный результат будет неверным.Итак, я считаю, что мне нужно заблокировать отображение текста.Это немного раздражает, потому что сейчас все довольно плавно, но, эй, это будет довольно крутая функция, верно?Итак, я установил ширину окна постдисплея, но я озадачен тем, что делать с шрифтом - как установить размер, грань, межбуквенный интервал, межстрочный интервал и т. Д., Чтобы дисплей отображалсякак можно более исправлено для разных пользователей на разных мониторах на разных компьютерах.

У кого-нибудь есть идеи?Если это поможет, меня совсем не волнует IE или мобильные дисплеи ...

1 Ответ

0 голосов
/ 08 декабря 2011

Кернинг будет вашей самой большой проблемой, но это должно быть достаточно просто, если посмотреть на моноширинные шрифты, доступные для font-face на fontsquirrel, что-то вроде этого должно сделать это

http://www.fontsquirrel.com/fonts/CPMono_v07

моноширинные шрифты должны иметь одинаковый размер букв.

Вы можете получить более точное управление, используя межбуквенный интервал: высоту строки: и размер шрифта: классы CSS

надеюсь, что это поможет.

...