Ово је помало езотерично, само сам то једном морао учинити и учинило ме збуњујућим, па сам помислио да направим читав видео о томе.
Ствар је у томе што није све у СВГ-у.
је фантастично јер може бити било шта. Али синтакса за њега је само мало сложенија од било ког другог облика. Дакле (можда из тог разлога?) Иллустратор увек приказује облике у СВГ-у са најприкладнијим елементом. Правоугаоници су
, други облици састављени од само равних линија су а
, или ако је то отворени облик а
итд.
То би било у реду, осим што се ДОМ методе за те облике разликују. Елемент путања се зове методом getTotalLength()
која вам омогућава да знате колико је дугачка путања. То је прилично кул и понекад је корисно, али не можете то учинити само на неком другом елементу.
Један од разлога због којих бисте можда желели да знате да је та дужина је зато што је намеравате анимирати тако да се облик „црта сам од себе“ - кул мали дизајн ефекат (збирка примера). Можете то учинити у ЦСС-у, али лепо је користити неки ЈаваСцрипт да бисте применили тај ЦСС тако да сваки пут анимира савршену удаљеност.
Реците да желите да направите тај ефекат цртања, али облик је тако да ЈаваСцрипт не успева. Тај полигон можете претворити у путању, без да је визуелно мењате, једноставним додавањем тачке на њу која има безиер хандле. Као у, кликните алатом Пен и повуците тако да ручице изађу и поравнају ручке тачно дуж линије која је већ ту. Постојање те тачке ће га учинити
излазним.
Ако ово пуно радите, постоји алат назван Поли2Патх који ради и не захтева ту сувишну тачку.