snap.svg

0열

1답변

특정 경로에 애니메이션을 적용한 다음 콜백을 통해 원래 경로로 되돌릴 코드를 작성했습니다. 그것은 경로에 움직이지만 멈추지 만, 내가 뭘 잘못하고 있니? 예 : jsfiddle이 주요 문제가 있습니다 var speed = 250; [].slice.call(document.querySelectorAll('.arrow_button')).forEach(fun

1열

1답변

Snap.svg 2 차원 축에서 애니메이션 위치 지정

Snap.svg에 대한 다른 게시물을 살펴보면 애니메이션 기능의 간단한 사용에 대한 많은 설명을 볼 수 없습니다. 설명서 및 사용 예를 잘 이해하지 못합니다. element.animate. 나는 (변환, 회전) 할 수있는 구체적인 것들이 있다는 것을 알고있다. 그러나 단순한 2D 축에서 무언가를 움직이고 싶다면 어떻게해야 할까? 나는 그래서이 if-else

0열

1답변

svg 조작 응용 프로그램 - 녹화 및 재생 svg 조작

사용자가 SVG 이미지를 가져 와서 "녹음"아래에서 조작 할 수있는 moble 응용 프로그램을 만든 다음 해당 녹음을 친구에게 보내 " 다시 하다". 나는 D3.js에 대한 경험이 있고 SVG 조작을위한 Snap.svg 라이브러리도 살펴 보았지만이를 구현하는 방법에 대해 완전히 머리를 감싸고 있지는 않습니다. 특히 사용자가 만들고있는 조작을 저장 한 다음

0열

1답변

Snap SVG를 사용하는 동안 대체/대체 이미지

Snap SVG를 방금 다운로드 했으므로 폴백 배열을 사용하여 이미지를 표시하는 방법을 알아 내려고합니다. 코드는 다음과 같습니다. var s = Snap("#MyPopup"); var g = s.g(); var image = g.image("http://myimages.com/xyz.png", 250, 10, 40,40); 이미지를 완벽하게 표시합

1열

1답변

규모 후에 Snap.svg의 새로운 포인트를 획득하고, SVG 그룹과 같이 내가 선언 한

변환 : 그럼 다음 SN하고 부모 SVG를 사용하여 스냅으로 그룹 선택을 설정 <g id="group-test"> <polygon id="polygon-test" fill="#00ff00" points=" 249.60000610351562,90 197.50000762939453,90 171.4000072479248,45 197.40000724792

1열

1답변

Snap.js는 -로드 SVG

에 속성을 설정하는 방법을 여기 https://plnkr.co/edit/CyeVHuuuWrTAy1yKsp4d?p=preview 생성 된 간단한 snapjs 샘플이이 내 스크립트입니다 - 나는 SVG를로드, 그리고 난 녹색을 칠하고 싶습니다. 놀랍게도 svg는 채색되어 있지 않지만 "bigCircle"도 그려져 있습니다. $(document).ready(fu

1열

1답변

snapsvg를 사용하여 defs 요소로 정의 된 use 요소의 속성을 가져옵니다.

저는 svgs를 처음 사용하고 snap.svg에 새로 도입되었습니다. 나는 SVG 내에서 요소를 생성 일하고 있어요와 함께 작동하도록 다음과 같은 한 : <svg width="600" height="400" style="shape-rendering: geometricPrecision; position: absolute; left: 0; top:

0열

1답변

Snap SVG : 애니메이션 진행 중에 이벤트 수신기 일시 중지

클릭 이벤트가 이전 애니메이션이 완료 될 때까지 다른 애니메이션을 트리거하지 않도록 만든 애니메이션의 이벤트 수신기를 일시 중단하려고합니다. 나는 (예제에서와 같이) 부울을 사용하여 시도했지만 왜 작동하지 않을지 이해하지 못합니다. 참고 : jquery를 사용할 수 없습니다. 예 : Jsfiddle var speed = 250, suspend = true

0열

1답변

스냅 SVG : jQuery를에서 요소

에 문자열 간단히과 같이 문자열을 제공하여 요소를 생성 할 수 있습니다 var newElement = $('<div></div>'); 가 어떻게 스냅 SVG에서 같은 일을 할 수 있습니까? 나는 <rect x="100" y="100" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 1825.4047 1024.374

0열

1답변

Adobe의 SnapSVGAnimator 확장 사용 Animate CC ... SVGdom을 특정 div에 어떻게 가져올 수 있습니까?

저는 아약스와 json에 익숙하지 않습니다.하지만 코드가 확장과 함께 생성되는 방법입니다. 여기 이 ... 출력되는 것을 <script src="./SnapSVGAnimator/js/vendor/snap.svg/snap.svg-min.js"></script> <script src="./SnapSVGAnimator/js/SnapSVGAnimato