jquery-svg

1열

2답변

SVG 경로를 통해 div에 애니메이션을 적용 할 때 회전 량을 가져옵니다.

내 last post에서 SVG 경로를 통해 div에 애니메이션을 적용하는 데 도움이됩니다. 성공하고 div를 "#car"내 경로를 통해 애니메이션. 이제 문제는 커브에 따라 div를 회전/변형하는 방법입니까? 즉, slanding 경로를 통해 이동하는 경우 선의 곡선에 따라 div를 회전해야합니다. HTML 파트 <div class="movepath">

2열

1답변

jQuery SVG를 사용하여 경로 변경 (또는 애니메이션 처리)

경로를 따라 텍스트를 표시하는 jQuery SVG 플러그인을 기반으로 몇 가지 샘플 코드를 만들었습니다. 이제 텍스트를 클릭하면 경로가 변경됩니다 (예 : [[50,50], [100,100]]에서 [[50,50], [200,300]]). 또한 애니메이션을 사용하여이 변경 사항을 적용하는 방법을 알고 싶습니다. <html> <head> <s

0열

1답변

SVG 캔버스 내에서 변환 된 SVG 요소의 위치 지정

SVG 경로 또는 모양의 크기를 조절하는 함수를 작성했습니다. 그러나 내가 그것을 사용할 때 경로는 크기가 조정되지만 불행히도 내 svg-canvas 내에서 위치가 변경됩니다. 이 난 단지 그들이 변형 일단 모양 내 캔버스의 상단에 위치 할 제 기능 function output() { var transformw=prompt("Enter

0열

1답변

svg 변환 행렬은 요소의 획을 변경합니다. 이것을 방지하는 방법?

svg-edit의 수정을하고 있는데 사용자가 요소를 선택하고 버튼을 클릭하여 새 치수를 묻는 함수를 작성하고 요소가 크기를 조정 한 치수로 크기가 조정되는 함수를 작성했습니다. 그러나 문제가 있습니다. 크기를 조정할 때 획의 너비가 때때로 조정됩니다. 선이 더 얇게 나타납니다. 어떤 일이 일어나지 않도록 방지 할 방법이 있습니까? 이 내 기능입니다 : fu

0열

1답변

자바 스크립트를 사용하여 SVG 요소의 위치 지정

svg-edit에 수정을하고 있습니다. 사용자가 폭과 높이 입력을 기준으로 경로 요소를 더 크거나 작게 만드는 함수를 사용하고 있습니다. 사용자는 요소를 선택하고 단추를 클릭하여 마지막으로 알려진 너비 및 높이 측정 값을 취한 함수를 실행 한 다음 사용자에게 새 너비 및 높이 값을 묻습니다. 그런 다음 요소에 TRANSFORM MATRIX 연산을 생성하는

1열

1답변

viewBox 외부에있는 콘텐츠를 잘라내는 방법은 무엇입니까?

숨기기 대신보기 상자 외부에있는 경로를 클립하는 방법이나 기능이 있습니까? 뷰 박스, 캔버스 영역이있는 svg-edit를 사용하고 있습니다. 캔버스 외부로 그려진 모든 것은 숨겨져 있습니다. 그러나 편집기의 출력을 수집하여 Inkscape와 같은 그래픽 편집기에 붙여 넣으면 전체 그림이 나타납니다. 뷰 박스 외부에있는 그림을 편집자의 출력에서 완전히 잘

2열

1답변

jQuery SVG에서 원본 크기로 이미지로드

jQuery SVG에서 이미지를로드해야하지만 원본 크기가 필요합니다. 사실은로드되는 이미지의 원래 크기가 무엇인지 알 수 없다는 것입니다. 우리가 이미지를로드하는 데 사용할 필요가 코드는 다음과 같습니다 여기 svg.image(0, 0, 330, 540, 'images/img1.jpg', {id: 'img'}); 나는 이미지의 크기를 제공해야합니다. 그

3열

2답변

Keith Wood JQuery SVG : clone() 다음에 change()가 작동하지 않음

this JSFiddle (아래 코드)에서 나는 단순히 경로를 복제하고 설정을 변경하려고합니다. 그러나 코드를 실행하면 rect2에 메서드 setAttribute()이 정의되어 있지 않은 오류가 발생합니다. 그러나 대신 메서드를 rect1에서 실행하면 this JSFiddle처럼 오류가 발생하지 않습니다. 그래서 복제 방법에 문제가 있다고 생각합니다. 완전

0열

1답변

Poilu raphael 부울 연산 (SVG 편집과 통합, 빼기)을 통합

svg-edit, 특히 Mark McKays Method draw : https://github.com/duopixel/Method-Draw의 수정을하고 있습니다. 내가 찾은 Raphael 라이브러리를 사용하고 싶습니다 : https://github.com/poilu/raphael-boolean 내 캔버스 내에서 경로에 부울 (설정) 연산을 수행 할 수 있

0열

1답변

jquery/javascript를 사용하는 SVG 경로 애니메이션

jquery를 통해 HTML 5 SVG 꺾은 선형 차트를 만들었습니다. 아래 스크린 샷을 참조하십시오. 아래 SVG 경로를 참조하십시오 내가 모션 효과와 같은 그릴로 경로 애니메이션 (즉,) 광고를 수행 할 <path id="John" clip-path="url("#ChartAreaClip")" fill="none" stroke="red"