Вопросы по теме 'svg-animate'
SVG-анимация с радиальным стиранием с использованием CSS3/JS
Как я могу добиться анимации радиального стирания в CSS3 или JS? Это кажется таким простым, но я не могу понять.
5153 просмотров
schedule
16.06.2022
Анимация в SVG с помощью svg-edit
Я использую svg-edit.googlecode.com. Можно ли сделать анимацию в SVG? мне нужно анимировать изображение в игре, которая будет вращать голову. У меня есть 10 кадров изображений для анимации, но я не знаю, как привести их в svg для анимации. Нужна...
539 просмотров
schedule
09.08.2022
Вращать группу SVG на неопределенный срок на 360 градусов без CSS или Java
Я впервые погружаюсь в SVG. Можно ли бесконечно вращать эту группу на 360 без css или javascript/jquery? Пока он вращается в верхнем левом углу, но я не могу понять, как его центрировать.
<?xml version="1.0" standalone="no"?>
<!DOCTYPE...
8903 просмотров
schedule
29.04.2023
Живое рисование линии в D3.js
Я только начал работать с D3.js и хочу создать что-то вроде того, что мы делаем в Paint для рисования линии. Шаги должны быть такими же: - Нажмите на точку на экране - Перетащите в точку назначения, чтобы создать линию.
Что у меня сейчас проблемы,...
13712 просмотров
schedule
21.07.2022
Артефакты с текстовой анимацией SVG (CSS3)
Я испытываю артефакты для текстовой анимации/масштабирования в большинстве современных браузеров: Chrome 29, IE10, Safari 5.1 (Windows), Safari 6.0.5 (Mac) и Opera 16. Только Firefox (проверено с версией 23) работает нормально (все в Windows, кроме...
1280 просмотров
schedule
06.08.2022
Перезапустить фоновую анимацию SVG
У меня есть SVG, установленный в качестве фонового изображения элемента. При первом отображении элемента анимация воспроизводится правильно.
При последующих отображениях (например, если дубликат элемента вводится через JavaScript или если фоновое...
12268 просмотров
schedule
08.05.2023
Анимация SVG не будет перезапускать анимацию
у меня есть две анимации SVG, добавленные к элементу пути. Я хочу навести курсор мыши и вызвать Anim1 срабатывание, затем отключение мыши и Anim2 срабатывание, и я хочу, чтобы это повторялось. Я использую begin=X.mouseover , begin=X.mouseleave...
356 просмотров
schedule
05.02.2023
Как анимировать круговую диаграмму по часовой стрелке при загрузке в SVG
Я застрял с круговой диаграммой, которая должна анимироваться по часовой стрелке при загрузке. Вот моя скрипка с круговой диаграммой
Мне нужна эта анимация для работы с кривыми брезиера, например,
<path d="M 276 63.03 C 329.93 63.03...
1008 просмотров
schedule
19.03.2023
svg animateTransform запускает несколько анимаций одновременно
В следующем примере мне нужно, чтобы все анимации выполнялись одновременно. Но работает только последний.
<g>
<animateTransform attributeName="transform" attributeType="XML"
type="rotate" values="2 100 100; -1 100 100; 1 100 100;...
8156 просмотров
schedule
11.05.2023
Анимация SVG работает правильно в Chrome, но не в Firefox
Анимация SVG работает правильно в Chrome, но не в Firefox. Я пытаюсь запустить анимацию через 0,4 секунды после загрузки страницы. Вот код
<svg width="300px" height="300px" version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg"...
337 просмотров
schedule
28.02.2023
SVG: можно ли использовать случайные или нестатические значения?
Я анимирую форму многоугольника внутри SVG (поэтому ее можно использовать в качестве фона в CSS). Мне любопытно, есть ли способ случайным образом сгенерировать значение для использования или какой-либо другой способ, чтобы анимация не всегда...
1109 просмотров
schedule
06.09.2023
XML SVG — сохранить конечное состояние анимации
После завершения действия AnimateTransform элемент привязывается вернуться к исходному значению. Это не совсем неожиданно, так как это в документация SMIL :
Как и во всех элементах анимации, это только манипулирует значением...
1757 просмотров
schedule
06.06.2022
Проблема с SVG: использование значений и режима расчета
Я учусь анимировать svg.
Я могу анимировать между двумя фигурами с помощью calcMode="spline", я могу анимировать между тремя фигурами без calcMode="spline", но я не могу анимировать между тремя фигурами с помощью calcMode="spline".
Вот мой...
809 просмотров
schedule
12.11.2023
Анимация SVG не повторяется должным образом
У меня возникли трудности с правильным повторением значков SVG. Мне нужно, чтобы они повторялись как гифка, индивидуально и бесконечно. Я могу заставить работать только два, но мне нужно, чтобы все три повторялись один за другим. Вот скрипт js...
138 просмотров
schedule
23.10.2022
Поворот строки SVG и анимация
Я пытаюсь провести линию между двумя точками.
Чтобы нужен был только один градиент, я поворачиваю линию с помощью transform .
Подробнее см. здесь: направление градиентов SVG
Теперь, когда я применяю анимацию к строке, она ведет себя...
536 просмотров
schedule
09.10.2023
Анимация шаблона SVG
Я определил шаблон в svg. Я хочу постоянно вращать его... Я не могу применить анимацию к этому определению шаблона. Я применил ту же анимацию к символу, она работает, но не работает с шаблоном...
<pattern id="GPattern"
x="10" y="10"...
2589 просмотров
schedule
15.01.2024
Постепенно изменяйте заливку элемента SVG, используя преобразование в Snap SVG.
Я пытаюсь имитировать постепенное «заполнение» (например, водой, заполняющей чашку) элемента в SVG. У меня проблемы с маской. Для следующего предположим включение snap.svg-min.js:
<script>
var s = Snap(500,500);
var a =...
585 просмотров
schedule
25.04.2023
Анимация SVG скрыта до ее начала
http://codepen.io/Asider/pen/mVBONd
Привет, мир,
Я изучаю, как анимировать SVG, и столкнулся с проблемой с begin="click" : элемент невидим и, следовательно, неактивен.
Нормально ли, что элементы svg скрыты до начала их анимации? Как я...
173 просмотров
schedule
09.05.2023
анимация не анимируется, а прыгает до конца
Я пытаюсь использовать тег анимации SVG, чтобы изменить путь от половинной заливки до полной заливки.
<svg class="background-gradient" viewBox="0 0 100 100" preserveAspectRatio="none">
<defs>...
125 просмотров
schedule
19.10.2022
Вращающаяся маска SVG
Я изо всех сил пытаюсь найти способ повернуть эту маску SVG так, чтобы она вращалась изнутри центра. Другими словами, я стремлюсь к эффекту вращения, который будет в бесконечном цикле. Кроме того, я не могу понять, почему он не будет вращаться в...
1428 просмотров
schedule
01.05.2023
