snap.svg

0열

1답변

snap.svg으로 작업하는 동안 다음과 같은 문제가 발생했습니다. 중첩 된 SVG 요소를 주 내부에 사용하고 싶습니다. 의이 중첩 된 일 중 하나가이 같은 구조를 가지고 있다고 가정 해 봅시다 : 나는 fragments['card'].select('svg').clone(); 같은 STH을하려고 노력 <svg width="71" height="101" vi

0열

1답변

Snap.svg - 끌기 후 회전하지 않음

기본 질문이며 쉽게 답변 할 수 있기를 바랍니다. 기본적으로, 도형을 드래그하여 두 번 클릭하고 90도 회전하려고합니다. 그러나 일단 시작점에서 모양을 옮기면 회전이 엉망이됩니다. 나는 ...과 같이 회전 중심점을 계산하는 것을 시도했다 var bbox = tri.getBBox(); tri.animate({ transform: "R"+angle+

2열

1답변

애니메이션 아크의 Snap.svg 내부 그림자

방금 svgs 및 Snap.svg 라이브러리 작업을 시작했습니다. 튜토리얼을 따라 아크 진행 표시기를 만들었습니다. 이제 애니메이션 원에 내부 그림자를 추가하고 싶습니다. 설명서를 읽었지만 filter.shadow 명령은 바깥 쪽 그림자 옵션 만 제공합니다. 일반 svgs 필터를 추가하는 몇 가지 연구를 수행하고 내 Snap 개체에 바인딩 할 svg 하

0열

1답변

SnapSelect를 사용할 때 SVG Uncaught TypeError가 발생 함

svg 코드를 HTML 파일로 인라인 할 때이 오류가 발생하지 않음을 유의하십시오. 내 HTML 내에서 사용해야하는 많은 svg 파일을 가지고 있으므로 하나의 파일 내에 모든 svg 파일을 포함시키는 것은 대단히 불편할 것입니다. 내 자바 스크립트 기능 중 하나 내 , 여기 코드는 내가 사용 : 나는를 실행할 때, 지금 <svg version="1.1" i

0열

1답변

DOM의 Svg은 이전 브라우저 (IE9, IE10, Safari 6)에서 축척되지 않습니다

snap.svg (snapsvg.io의 jQuery 플러그인)를 사용하여 내 웹 사이트에 .svg 이미지를로드하고 있습니다. 내 후퇴가있는 곳을 배치하고 내 HTML에서 구조를 잃지 않고 특정 요소를 애니메이션화 할 수 있습니다. 내가 직면 문제는 이미지가 SVG의 특성 (예 : IE9, IE10, 사파리 6) 이전 버전의 브라우저를에 확장되지 것입니다 :

1열

1답변

SNAP.svg 시계 방향으로 애니메이션 경로

SNAP.svg를 사용하여 도넛을 움직이려고합니다. SNAP.animate 함수를 사용하여 경로 값을 계산하고 있습니다. 문제는 경로가 endAngle에서 startAngle로 그려지지만 그 반대가 필요합니다. 여기 http://codepen.io/junedchhipa/pen/qaeePP <html lang="en"> <head> <meta ch

3열

2답변

Snap.svg : 요소를 왜곡시킬 수 있습니까?

저는 Snap.svg에 익숙하지 않고 간단한 직사각형을 비뚤어지게하려고 노력하고 있습니다. 그러나 방법을 알 수는 없습니다. 이미 문서를 검색했습니다. 이것은 내가 지금까지 무엇을 가지고 : 기울이기가 변환 매트릭스 내에서 지원되지 않습니다처럼 /* stage */ var s = Snap('#mysvg'); s.clientRect = s.

1열

1답변

자바 스크립트 함수 매개 변수 내가 SVG 파일을 애니메이션거야, 내 코드를 부풀게하지 않기 위해 내가 추적 기능을 작성했습니다

로드되지 않습니다 . 나는 이것이 왜 'attToAnimate'라는 속성으로 svg 요소에 전달되었는지에 대한 단서가 없습니다. 나는 animate-function 밖에서 로깅을 시도해 보았습니다. 그렇게 할 때 잘 돌아 왔습니다. 도움이 될 것입니다.

1열

1답변

그레이 스케일의 이산 값 (0/1)

값이 ≥ 0.5,> = 0.5,> = 0.5 인 픽셀 및 값이 0 인 픽셀에 대해 불연속 값 1을 반환하기위한 스냅인 용 필터 플러그인을 만들었습니다 (< 0.5, < 0.5, < 0.5) 디버깅을 돕기 위해 흰색에서 검은 색 선형 그래디언트를 사용하고 있습니다. 이 구배 , 가장 좌측의 화소가 (1,1,1)이고, 가장 오른쪽의 화소 (0, 0, 0)이며,

0열

1답변

snap.svg의 그룹 요소/하위 항목을 반복하는 방법은 무엇입니까?

여러 개의 자식 (다른 모양 등)이있는 "group1"이라는 <g> 유형의 svg 그룹이 있습니다. 나는 그들을 snap.svg를 사용하여 반복하고 싶습니다. var group1 = s.select('#group1'); group1.forEach(function(child) { // doesn't work }); 아이디어가 있습니까?