如何在svg中繪製滑輪？

我想在svg的http://www.sparknotes.com/testprep/books/sat2/physics/chapter8section2.rhtml標題下畫一個顯示在「標準滑輪問題」標題下的滑輪，並且想要從使用javascript的用戶處獲取m和M的值。我怎樣才能做到這一點？如何在svg中繪製滑輪？

來源

2011-04-09 tester

嘗試使用http://raphaeljs.com/構建。只要看看那些令人敬畏的例子！ – Blender 2011-04-10 00:11:36

爲什麼這不是[你問6天前問的問題]（http://stackoverflow.com/questions/5528350/svg-and-javascript）的重複，並且在提問時沒有提供任何額外的細節？ – Phrogz 2011-04-10 03:03:36

您可以先開發svg代碼：http://www.w3schools.com/svg/svg_reference.asp然後開發一個表單來獲取值。

一旦你有了這個，然後寫入JavaScript來獲取輸入在窗體上的值，使用事件處理程序（http://www.quirksmode.org/js/introevents.html），然後做適當的計算。

來源

2011-04-10 00:13:14

我會使用Raphael.js，因爲它適用於每個瀏覽器，它有一個很棒的API。你甚至可以使它互動，這樣用戶可以用鼠標拖動「F」來擡起「m」。

來源

2011-04-10 00:20:51

聖拉斐爾 <腳本類型= 「文本/ JavaScript的」 SRC = 「raphael.js」> <風格類型= 「文本/ CSS」> #canvas_container { 寬度：500像素; border：1px solid #aaa; （document.getElementById（'canvas_container'），500，500）; var document = new Raphael（document.getElementById（'canvas_container'），500，500）; var circle = paper.circle（100，100，80）; circle.attr（「stroke」，「＃f1f1f1」）; \t circle.attr（「stroke-width」，2）; }

– tester 2011-04-10 01:15:10

下一次使用jsfiddle.net代碼。我爲你創建了一個：http://jsfiddle.net/mofle/sB4ma/。問題在於你沒有爲CSS中的容器設置高度。 – 2011-04-10 01:24:15

如何在svg中繪製滑輪？

回答

相關問題