어떻게 svg에서 도르래를 그립니까?

svg에서 "Standard Pulley Problem"제목에 표시된 풀리를 http://www.sparknotes.com/testprep/books/sat2/physics/chapter8section2.rhtml에 그려야하고 javascript를 사용하여 m 및 M 값을 가져 가고 싶습니다. 내가 어떻게 할 수 있니?어떻게 svg에서 도르래를 그립니까?

출처

2011-04-09 tester

http://raphaeljs.com/으로 건물을 시험해보십시오. 그 멋진 예를보세요! – Blender

이것은 왜 [6 일 전에 질문 한 질문] (http://stackoverflow.com/questions/5528350/svg-and-javascript)과 중복되지 않았으며 질문이있을 때 추가 정보를 제공하지 않은 이유는 무엇입니까? – Phrogz

먼저 SVN 코드를 개발하면 http://www.w3schools.com/svg/svg_reference.asp을 작성한 다음 양식을 만들어 값을 얻을 수 있습니다.

일단 이것이 있으면 이벤트 처리기 (http://www.quirksmode.org/js/introevents.html)를 사용하여 양식에 입력 된 값을 가져오고 적절한 계산을 수행하는 자바 스크립트를 작성하십시오.

출처

2011-04-10 00:13:14

모든 브라우저에서 작동하며 멋진 API를 사용하기 때문에 Raphael.js을 사용합니다. 대화 형으로 만들 수있어 사용자가 마우스로 "F"를 드래그하여 "m"을 들어올 수 있습니다.

출처

2011-04-10 00:20:51

라파엘 <스크립트 유형 = "텍스트/자바 스크립트"SRC = "raphael.js"> <스타일 유형 = "텍스트/CSS를"> #canvas_container { 폭 : 500 픽셀; 경계 : 1 픽셀 고체 #aaa; } window.onload = function() { var paper = new 라파엘 (document.getElementById ('canvas_container'), 500, 500); var circle = paper.circle (100, 100, 80); circle.attr ("stroke", "# f1f1f1"); \t circle.attr ("stroke-width", 2); }

– tester

코드 다음에 사용 jsfiddle.net. 나는 당신을 위해 하나를 창조했다 : http://jsfiddle.net/mofle/sB4ma/. 문제는 CSS에서 컨테이너의 높이를 설정하지 않았다는 것입니다. –

어떻게 svg에서 도르래를 그립니까?

답변

관련 문제