svg-animate

0열

1답변

내가 가지고있는 라인과 원과 같은 플라이에서 JS 코드로 생성 된 일부 svg 요소는 일부 형상으로 구성되며 원하는 것은 연속적으로 수치를 재조정하려고하는 것입니다. svg 애니메이션 기능을 사용합니다. 물론 원의 선과 중심점의 각 점의 좌표를 다시 계산하여 거기에서 시작할 수는 있지만 너무 지루한 해결책이 될 수 있습니다. 어떻게하면 더 잘할 수 있습니까

1열

1답변

SVG 내부의 SVG 애니메이션 : 요소를 사용합니다. Chrome이 아닌 Firefox에서 작동

svg:use 요소를 사용하여 움직이는 SVG 회 전자를 많은 노드가있는 큰 D3.js 트리에 포함합니다. 한 노드는 다음과 같습니다 <g class="node clickable" data-path="1" data-depth="0" transform=""> <text class="title" x="0" y=".36em" style="fill-opa

1열

1답변

SVG 요소의 복수 애니메이션

하나의 SVG 요소와 여러 애니메이션 요소가 관련하여 처음 실행될 애니메이션이 SVG보다 효과가 있습니까? 예 코드 - animateTransform, animateColor, animatePath 애니메이션 애니메이션 다른 유형에서 경우 <svg ...... > <animation id="1" .... /> <animation id="2

0열

1답변

어떻게 다각형을 호형에서 호형으로 변형합니까?

미국의 양방향지도를 만들고 싶습니다. 사용자가 마우스를 한 상태에 놓을 때마다 사용자가 클릭 할 수있는 정보로 가득 찬 호버링 사각형으로 다각형을 변형하고 싶습니다. 마우스를 마우스로 가리거나 정상적으로 움직일 때까지 일반적으로 보이지 않는 rect를 만들어야합니까? 아래는 내가 어떻게하고 싶은지, 그것을 실행하는 방법을 잘 모르겠습니다. <polygon

0열

1답변

SVG 경로 데이터 애니메이트

jQuery를 사용하여 SVG의 경로 데이터 속성에 애니메이션을 적용하려고합니다. 현재 SVG를 생성하고 애니메이션 요소를 추가하는 버튼과 함께 두 개의 경로를 저장했습니다. 애니메이트가 두 번째 svg에서 아무 것도 변경하지 않지만 직접 속성 (첫 번째 svg로 표시)을 변경할 때 성공했습니다. $('.svg2 svg path').append('<anim

12열

6답변

배경 SVG 애니메이션 다시 시작

SVG가 요소의 배경 이미지로 설정되어 있습니다. 요소가 처음 표시되면 애니메이션이 올바르게 재생됩니다. 이후의 디스플레이에서 (예 : 요소의 복제물이 자바 스크립트를 통해 삽입되거나 배경 이미지가 제거되어 CSS/JavaScript로 다시 추가되는 경우) 애니메이션이 처음부터 시작되지 않습니다. 이미지가 브라우저에 의해 다시로드 된 것으로 간주되지 않기

7열

1답변

D3.js의 라이브 드로잉

저는 D3.js로 시작 했으므로 그림을 그려서 선을 그리는 것과 같은 것을 만들고 싶습니다. 단계는 동일해야합니다 : - 화면상의 한 점을 클릭하십시오. - 목적지까지 드래그하여 선을 만듭니다. 지금 문제가되는 것은 마우스를 대상으로 끌면 마우스가 마우스에 따라 움직여야한다는 것입니다. 어떻게해야합니까? 감사합니다.

1열

1답변

은 SVG 첨가물에 표시 속성 애니메이션입니까?

svg Animate Element document에 따르면 애니메이션은 부가 적입니다. 하지만 attribute name=display과 2 animate tag을 사용하려고 할 때, 나는 나중에 firefox 23.0과 opera 12.15에서만 효과를 얻고 있습니다. 여기는 My svg file입니다. 하고 여기에 두 개의 애니메이션 태그 나 디스플레

2열

3답변

Javascript DOM을 통해 완료되면 SVG animate 요소의 endEvent 핸들러가 호출되지 않습니다.

Javascript DOM을 통해 HTML5 SVG를 사용하여 그래픽을 빌드하고 있습니다. xv 좌표 (y 상수)를 따라 svg 요소 (기본 svg 요소의 하위 요소)를 이동하려면 animate를 사용합니다. var animate = document.createElementNS("http://www.w3.org/2000/svg", "animate"); a

0열

1답변

SVG의 다른 요소에 몇 가지 요소가 있는지 확인하십시오.

SVG에서 요소의 움직임을 시뮬레이션하려고합니다. 일부 서클이 있는데 한 서클이 다른 서클을 터치하거나 숨기려고 할 때 이벤트를 가져와야합니다. 속성 또는 기능이 있습니까? 미리 감사드립니다.