svg-animate

3열

1답변

나는 서클과 그라디언트로 채우기 위해 그라디언트에 넣고 스타일 채우기로 경로에서 호출합니다. import React,{PropTyoes} from 'react'; import {connect} from 'react-redux'; import * as Actions from '../controllers/Actions'; export default c

0열

1답변

키 프레임이있는 애니메이션을 다시 시작하십시오.

내 인생에서 내 애니메이션을 다시 시작하는 방법을 알 수 없습니다. 여기까지 내가 지금까지 얻은 곳이 있습니다. svg 마스킹 애니메이션으로 제작되었습니다. http://codepen.io/djmaller/pen/myrrbd 는 나는 현재대로에 애니메이션을 적용 할. 그러나 애니메이션의 초 또는 10 %를 유지 한 다음 다시 시작하기 전에 페이드 아웃해야합

4열

1답변

CSS 선택기가 첫 번째로 일치하는 svg 경로 만 스타일링하는 이유

두 경로로 구성된 인라인 SVG 요소로 작업하고 있습니다. jsfiddle HTML은 : <svg class="flag" width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/

0열

1답변

스냅 svg Snap.animation() 함수

많은 변화 단계가있는 애니메이션을 만들려고합니다. Snap.animation()이이를 허용합니까, 아니면 css3 애니메이션을 사용해야합니까? 문서가 여전히 누락 된 것처럼 느낍니다.

0열

1답변

뒤집기없이 svg 모핑

저는 베 지어 모양과 그 미러 사본 사이에서 모프를 만드는 간단하고 자유로운 방법을 찾고자했습니다. 그들은 같은 점수를 가지고 있기 때문에 쉬운 일이라고 생각했습니다. 그렇지 않았습니다. 나는 KUTE와 SVG morpheus를 시도했다. Kute는 불필요한 수직 플립을 수행하고, Morpheus는 불필요한 수평 플립 (codepen here)을 수행했습니

0열

2답변

SVG 아이콘 외부의 고리에 애니메이션

SVG의 외부 링을 애니메이션화하려고합니다. 채워진 원이 아니기 때문에 요소를 변경하고 cx 및 cy로 철자를 바꿀 수없고 코드의 animateTransform을 통해 요소를 변경할 수 없습니다. 내가하려고하는 것은 100 %에서 80 %로 이동 한 다음 100 %까지 백업하여 외부 링을 "펄스"로 만드는 것입니다. 나는 전체 SVG의 애니메이션을 스케일

0열

1답변

Chrome에서 애니메이션 중 mothionPath가 변경되지 않습니다.

경로와 함께 객체를 움직이는 SVG 애니메이션이 있습니다. 어떤 시점에서 동작 경로가 변경됩니다. Firefox에서 움직이는 객체는 새로운 경로를 따르지만 Chrome에서는 이전 객체로 이동합니다. 왜 그런 일이 일어나는 지 누구가 알고 있으며 어떻게 고칠 수 있습니까? function change(){ \t elem = document.getElem

0열

2답변

Svg 애니메이션이 Mozilla에서 제대로 재생되지 않습니다.

이미지로드 중 SVG 파일을로드 한 다음 홈 화면으로 이동하는 페이지가 있습니다. SVG 애니메이션은 Chrome 및 Opera에서 재생되지만 Mozilla에서는 재생되지 않습니다. 모든 키 프레임을 입력했지만 작동하지 않았습니다. 제안 사항이 있습니까? Mozilla가 최신 업데이트입니다. 당신이 그것을 테스트하려는 경우 여기 인 SVG 또한 <svg v

0열

1답변

파이어 폭스

내가 SVG와 CSS3와 애니메이션을 만들기 위해 노력하고 있어요 그리고 그것은 크롬에서 잘 작동하지만 transform-origin:에 -moz- 접두사를 추가하는 시도 파이어 폭스 에서 작동하지 않습니다하지만 아직이 을 작동하지 않습니다에 기원을 변환 설정할 수 없습니다 here 내가을 만든 라이브 샘플입니다 내가 추가 한 CSS는 규칙은 다음과 같습니

0열

1답변

animateTransform이 IE 11에서 작동하지 않습니다.

svg animation을 처음 사용하고 있습니다. 아래는 다른 라인 위에 애니메이션을 위아래로 움직이는 코드입니다. 이것은 Mozilla와 Chrome에서 완벽하게 작동하지만 IE 11에서는 작동하지 않습니다. 누락 된 부분을 도와 줄 수있는 사람이 누구입니까? ? <!DOCTYPE html> <html> <head><title></title>