Интересует какими лучше способами нарисовать (анимировать само рисование спирали) спираль Ферма на сайте? (Чтобы пользователь видел как она рисуется) Можно ли её сделать на чистом css?
А если я хочу анимировать её с помощью математической функции это только в js?
P.S. Прошу не давать готовых решений, а направить какими средствами её можно реализовать.
Ответ
Спираль - это не html-элемент, поэтому и средства css для ее рисования (в смысле - анимированного создания из ничего) в чистом виде здесь применить не получится.
Я вижу три варианта:
Один из вариантов уже описали здесь - представить что спираль это картинка, или див с картинкой в фоне и не меняя размер фона увеличить див - фон постепенно появится полностью, типа "отрисовался", ага ))
Второй вариант - это положить эту спираль картинкой svg - это уже логичнее, всё таки это по сути векторный элемент, у которого внутри линия. И сделать постепенную прорисовку линии например при помощи vivus.js
JS-рисование при помощи канвас.
Вот как-то так, выбирай )
Комментариев нет:
Отправить комментарий