javascript - 用 raphael js 绘制杆形圆柱体

Question

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

Answer 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