Как нарисовать букву F?

Question

[Станислав]

Пытаюсь нарисовать букву F и что то у меня то растягивается все не понятно куда, то еще что то))
Может кто поможет?
https://jsfiddle.net/cq25shfg/

Answer 1

[Сергей delphinpro]

Берем и рисуем

Comments

[Станислав]

Я просто уже запутался со всем этим, нарисовал вот так и тоже норм, но не знаю может что не правильно

<path d="M13 21h3v-3h2v-3H13h3V13H19v-3H13 13" fill="#fff"></path>

[lagudal]

Станислав,
если вы увеличите свой svg - тот что вы нарисовали - ну хотя бы до 200-300%, вы увидите тогда, что получилось.
Буква F отрисовывается, если я не разучился считать, 10 точками, у вас их видно что только 6.

Можно меньшим числом точек, ео контурами

[Станислав]

lagudal, я просто понять не могу, визуально все гуд, но технически получается совсем не гуд, поэтому я запутался)
Вчера всю ночь делал, даже не знаю правильно или нет, но вроде визуально то что надо

[Сергей delphinpro]

Станислав, вы вручную код пишете или в векторном редакторе?
Если первое, то я не понимаю, зачем вы оперируете столь малыми значениями, да еще с дробями.
Если второе, то вообще не понятно, что может не получаться.

[Станислав]

Сергей delphinpro, вручную, с дробями чтобы пожирнее было немного

[Сергей delphinpro]

Станислав, Увеличьте viewBox - проще будет все же с целыми числами.
Ну и посмотрите мой пример что ли.
Два дня рисовать одну букву - это перебор =)))

[Станислав]

Сергей delphinpro, учусь, что ж делать)) Я вообще не понимаю, все по разному пишут и получается одно и тоже в общем то.
Ваш пример да, только надо будет попробовать поправить его чтобы закругленные были углы)
Вот не понимаю я одного, вы рисуете линиями, обычными (l), от координаты до координаты, я пробую рисовать вертикальными и горизонтальными линиями (h,v). И не понимаю как все же лучше)) или без разницы , и вообще если в браузере все норм отображается, в других браузерах тоже норм будет или поедет все куда нибудь где нибудь ))
Я читаю различные мануалы и вроде бы все просто, а как начинаю писать что то, у меня постоянно какие то сомнения...

[Сергей delphinpro]

Станислав, без разницы. я просто забыл про h и v, с ними короче получается.