用 raphael js 绘制杆形圆柱体答案

【问题标题】：Draw Rod shaped cylinder with raphael js用 raphael js 绘制杆形圆柱体
【发布时间】：2012-06-14 04:15:37
【问题描述】：

我想用 raphael js 画一个棒状结构，给它渐变效果，这样它就会显示出 3-d 效果。但由于我只是一个初学者，我无法做到这一点。谁能建议我怎么做？感谢您的帮助

【问题讨论】：

嘿 Shruti -- 可能有几种方法可以完成。您能否通过链接来更新您的问题，该链接指向您正在寻找的内容的示例？
其实我想画一个骨架，就像本页显示的移动骨架rdpe.com/displacement/lvdt/lvdt-principles.htm

【解决方案1】：

我会告诉你我知道的。你会想用渐变填充你的对象。我做了几个矩形给你看。和他们一起玩，了解渐变填充的工作原理。这就是我所做的。 :)

var paper = Raphael("holder");
paper.setSize(400, 400);
rect = paper.rect(25, 50, 25, 300).attr({fill: "180-#FFF:10-#f00:80-#000:95"});
rect = paper.rect(100, 50, 25, 300).attr({fill: "0-#FFF:10-#f00:80-#000:95"});
rect = paper.rect(175, 50, 25, 300).attr({fill: "90-#FFF:5-#f00:80-#000:95"});

填充中的第一个数字是填充的旋转。颜色后面的数字（例如#FFF:5）是偏移量。

这是一个类似的问题，有一些很好的答案/信息：How to create gradient object with Raphael

【讨论】：

我想要类似 paper.rect(50,150,300,50).attr({fill:"90-#000:5-#fff:55-#000:95"});并在你的帮助下完成了。谢谢
@Shruti 很高兴能帮上忙。如果这回答了您的问题，那么请将其标记为答案。另外，一定要看看你的其他问题。如果提供了一个您满意的好答案，则将其标记为已接受的答案。