Откривам да 98% све моје СВГ употребе долази из унапред креираних СВГ датотека или векторских слика у неком дизајнерском софтверу који на крају извозим као СВГ. Не баш често ручно манипулишем координатама ствари у СВГ коду. Хеј, чак имам и књигу о свему томе.
Али с времена на време је то прикладно, а можда и помало забавно. У овом случају, желео сам да нацртам прилично одређену линију са неколико меких окрета у себи. Уз мало знања о синтакси СВГ-овог пута (најчуднијег, али најмоћнијег СВГ-овог алата за цртање), можемо то да урадимо без пуно муке.
Демо са којим смо се играли у видеу:
Погледајте оловку
КОвПаа Цхриса Цоииера (@цхрисцоииер)
на ЦодеПен-у.
Оригинална идеја:
Погледајте пут
осветљен оловком Цхриса Цоииера (@цхрисцоииер)
на ЦодеПен-у.
Запамтите да оно што нисмо успели је подешавање СВГ-а тако да заобљени углови остану у лепом омјеру, док је остатак СВГ-а био флексибилан и могао је попунити вертикални и хоризонтални простор. То је могуће, само је сложеније и то ћемо морати покрити други пут.