如何在svg中绘制滑轮？

问题描述：

我想在svg的http://www.sparknotes.com/testprep/books/sat2/physics/chapter8section2.rhtml标题下画一个显示在“标准滑轮问题”标题下的滑轮，并且想要从使用javascript的用户处获取m和M的值。我怎样才能做到这一点？如何在svg中绘制滑轮？

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

为什么这不是[你问6天前问的问题]（http://*.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），然后做适当的计算。

答

我会使用Raphael.js，因为它适用于每个浏览器，它有一个很棒的API。你甚至可以使它互动，这样用户可以用鼠标拖动“F”来抬起“m”。

圣拉斐尔 #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中绘制滑轮？

相关推荐