Я пытаюсь понять, что лучший способ для анимации графических элементов на моем сайте.Использование Svg для рисования фигур, анимированных с ослаблением/эластичностью и т. Д.
Я просмотрел холст html5, но, похоже, SVG является наиболее подходящим.
Я объясню, как все должно работать, и, может быть, вы, ребята, могли бы высказать свое мнение.
На странице я хочу, чтобы мои продукты включались и выключались, когда пользователь выбирает стрелки, причем только один продукт в центре за раз. Когда изображения вставляются и выходят, я хочу какое-то облегчение. Есть ли у SVG разные стили анимации, такие как эластичность и т. Д.?? Или я должен просто использовать jquery для анимации?
Затем каждый продукт будет иметь описание, которое будет содержаться в форме. Возможно, форма будет случайным образом нарисована, поэтому мне понадобится рисунок api. Я также хочу, чтобы это облегчение для этого контейнера, поскольку оно будет скользить.
Я действительно смущен тем, как svg интегрируется с другими веб-технологиями.
редактировать:
Можно анимировать точек в векторном многоугольник?
<svg id="svgelem2" height="190" xmlns="http://www.w3.org/2000/svg">
<polygon points="0,0 800,0, 800,180 0,180 " fill="white" filter="url(#dropshadow)" />
спасибо, что проверил это. Мне просто интересно, должен ли я использовать SVG. Возможно, я могу все это использовать с помощью javascript? – Adam
Да, загрузка анимаций может быть выполнена путем манипулирования куполом или даже с помощью правил CSS (в современных браузерах). Проверьте эффекты jquery и css-транзисторы. – demee